.setting-help { margin: -4px 0 8px; padding: 0 12px; min-width: 0; color: var(--ink); }
.setting-help summary { cursor: pointer; min-height: 44px; align-content: center; width: fit-content; padding: 8px 4px; color: var(--accent-ink); font-weight: 650; }
.setting-help summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.setting-explanation { font-size: .9375rem; line-height: 1.75; margin: 12px 0 20px; }
.setting-explanation dt { color: var(--ink); font-weight: 700; margin-top: 16px; }
.setting-explanation dd { color: var(--muted); margin: 4px 0 0; overflow-wrap: anywhere; }
.settings-guide-intro { margin: 16px 0 4px; padding: 14px; background: var(--surface-2); border-radius: 12px; }
.settings-guide-intro p { margin: 0 0 10px; line-height: 1.6; }
#settingsDialog [hidden] { display: none !important; }
#settingsDialog.settings-guide-active form > footer { display: none; }
#settingsDialog [data-settings-guide] { padding: 16px 0 24px; }
#settingsDialog .settings-guide-top, #settingsDialog .settings-guide-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#settingsDialog .settings-guide-top { color: var(--muted); font-size: .875rem; }
#settingsDialog #settingsGuideTitle { font-size: 1.375rem; line-height: 1.5; margin: 20px 0 12px; }
#settingsDialog #settingsGuideTitle:focus { outline: none; }
#settingsDialog .settings-guide-state, #settingsDialog .settings-guide-notice { padding: 12px; border-radius: 10px; background: var(--accent-soft); color: var(--ink); font-size: .875rem; line-height: 1.6; }
#settingsDialog .settings-guide-nav { border-top: 1px solid var(--line); padding-top: 16px; }
#settingsDialog .settings-guide-nav button { flex: 1; min-height: 44px; white-space: normal; }
#onboardingDialog .onboarding-settings-link { display: block; width: 100%; margin: 16px 0 0; }