.settings-stack { display: grid; gap: 1rem; }
.settings-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; padding: 1.25rem; border-radius: .5rem; background: #fff; box-shadow: var(--shadow); }
.settings-form h3, .settings-form p, .settings-form small { grid-column: 1/-1; margin: 0; }
.settings-form h3 { color: var(--ink); font-size: 1.15rem; }
.settings-form p, .settings-form small { color: var(--muted); }
.settings-form button { justify-self: start; }
.danger-zone { box-shadow: inset 3px 0 0 var(--danger), var(--shadow); }
[dir=rtl] .danger-zone { box-shadow: inset -3px 0 0 var(--danger), var(--shadow); }
.danger-button { min-height: 2.75rem; border: 1px solid var(--danger); border-radius: .375rem; padding: .7rem 1rem; background: #fff; color: var(--danger); font-weight: 800; cursor: pointer; }
.danger-button:hover { background: #ffe5e0; }
.settings-form[hidden] { display: none; }
@media(max-width:620px) { .settings-form { grid-template-columns: 1fr; } .settings-form h3,.settings-form p,.settings-form small { grid-column: auto; } .settings-form button { width: 100%; } }