/* 06-components/_settings.css — .c-settings sections of .c-toggle-row (title, text, switch). */
.c-settings { display: flex; flex-direction: column; gap: var(--space-lg); }
.c-settings__section { padding: var(--space-md) var(--pad-panel); background: var(--surface); border: var(--stroke) solid var(--rule); border-radius: var(--radius-md); }
.c-settings__title { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink-muted); margin-bottom: var(--space-sm); }
.c-toggle-row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-md); padding-block: var(--space-sm); border-bottom: var(--stroke) solid var(--rule); }
.c-toggle-row:last-of-type { border-bottom: 0; padding-bottom: 0; }
.c-toggle-row__title { font-weight: var(--weight-medium); }
.c-toggle-row__text { font-size: var(--text-sm); color: var(--ink-muted); margin-top: 2px; max-width: 52ch; }
.c-toggle-row__control { flex: none; }
.c-settings__fields { display: grid; gap: var(--space-sm); padding-top: var(--space-sm); }