/* Approved Settings C: quiet tabs, direct choices, one pane at a time. */
:root{
 --settings-accent:var(--folio-hike);
 --settings-label:22px;
 --settings-control-width:290px;
 --settings-row-space:30px;
}
#view-settings .pageWrap{max-width:1160px;padding:30px 42px 64px}
#view-settings .colHead{min-height:0;padding:0;margin:0 0 20px;border:0}
#view-settings .colHead h1{font-size:38px;line-height:1.2;margin:0}
.settingsTabs{display:flex;gap:36px;border-bottom:1px solid var(--cg-rule)}
.settingsTabs button{position:relative;min-height:52px;padding:12px 0 16px;border:0;border-radius:0;background:transparent;color:var(--cg-ink);font:var(--cg-control)/1.5 var(--cg-interface);letter-spacing:0;text-transform:none}
.settingsTabs button[aria-selected="true"]{color:var(--cg-bright)}
.settingsTabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--settings-accent)}
.settingsTabs button:hover{color:var(--cg-focus)}
.settingsPane{outline-offset:6px}
.settingsPane[hidden],.settingsSaveNotice[hidden],#settingsSyncRetry[hidden]{display:none}
.settingsPreference{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.35fr);gap:24px;align-items:start;padding:var(--settings-row-space) 0;border-bottom:1px solid var(--cg-rule)}
.settingsPreference:has(+ .settingsSaveNotice){border-bottom:0}
.settingsPreference h2,.settingsPreference>label{margin:9px 0 0;color:var(--cg-bright);font:400 var(--settings-label)/1.35 var(--cg-display);letter-spacing:0;text-transform:none}
.settingsChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:var(--settings-control-width)}
.settingsChoices button,.settingsPreference select,.settingsAccountActions>a:not(.settingsTextLink),.settingsAccountActions>button,.settingsSaveNotice button{min-height:48px;padding:11px 16px;border:1px solid var(--cg-rule);border-radius:3px;background:transparent;color:var(--cg-bright);font:var(--cg-control)/1.5 var(--cg-interface);letter-spacing:0;text-transform:none}
.settingsChoices button[aria-pressed="true"]{border-color:var(--settings-accent)}
.settingsChoices button:hover,.settingsAccountActions>a:hover,.settingsAccountActions>button:hover,.settingsSaveNotice button:hover{background:var(--cg-surface)}
.settingsPreference select{width:100%;max-width:220px;color-scheme:dark;cursor:pointer}
.settingsPreference select option{background:var(--cg-surface);color:var(--cg-bright)}
.settingsUnits{margin:7px 0 0;color:var(--cg-muted);font:var(--cg-control)/1.5 var(--cg-interface)}
.settingsAccount{padding:var(--settings-row-space) 0}
.settingsAccount h2,.settingsReferenceCopy h2{margin:0 0 16px;color:var(--cg-bright);font:400 var(--settings-label)/1.35 var(--cg-display)}
.settingsAccount p,.settingsReferenceCopy p{max-width:65ch;color:var(--cg-ink);font:var(--cg-body)/1.65 var(--cg-prose);margin:0 0 20px}
.settingsAccountActions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}
.settingsAccountActions>a{text-decoration:none;display:inline-flex;align-items:center}
.settingsAccountActions .settingsTextLink{min-height:44px;color:var(--cg-ink);font:var(--cg-control)/1.5 var(--cg-interface);text-decoration:underline;text-underline-offset:4px}
.settingsDisclosure{border-bottom:1px solid var(--cg-rule)}
.settingsDisclosure>summary{min-height:76px;padding:24px 0;cursor:pointer;color:var(--cg-bright);font:400 var(--settings-label)/1.35 var(--cg-display)}
.settingsDisclosure>summary:hover{color:var(--cg-focus)}
.settingsReferenceCopy{padding:0 0 16px}
.settingsReferenceCopy h2{margin-top:28px}
.settingsReference .fieldSymbolKey__grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;padding:0 0 20px}
.settingsReference .fieldSymbolKey__item{min-height:80px;text-transform:none;transform:none}
.settingsReference .fieldSymbolKey__status{font:var(--cg-control)/1.6 var(--cg-interface);letter-spacing:0;margin:0;padding:0 0 24px;border:0}
.settingsSaveNotice{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--cg-rule)}
.settingsSaveNotice p{flex:1;margin:0;font:var(--cg-control)/1.6 var(--cg-interface)}
@media(max-width:760px){
 :root{--settings-label:22px;--settings-row-space:28px;--settings-control-width:100%}
 #view-settings .pageWrap{padding:22px 18px calc(96px + env(safe-area-inset-bottom))}
 #view-settings .colHead{margin-bottom:12px}
 #view-settings .colHead h1{font-size:30px}
 .settingsTabs{gap:0;justify-content:space-between}
 .settingsTabs button{font-size:13px;min-height:52px}
 .settingsPreference{grid-template-columns:minmax(0,1fr);gap:14px}
 .settingsPreference h2,.settingsPreference>label{margin:0}
 .settingsPreference select{max-width:none}
 .settingsSaveNotice{align-items:flex-start;flex-wrap:wrap}
}