.settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--space-4); }
.settings-grid label { display: block; margin-block: var(--space-3) var(--space-2); }
.settings-grid select, .settings-grid textarea { width: 100%; }
.guide-layout { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 3fr); gap: var(--space-4); }
.guide-chapters { display: flex; flex-direction: column; gap: var(--space-2); }
/* A chapter title may wrap; its button keeps the height of its lines (the list scrolls instead of
   squeezing it below them, BAND-002877). */
.guide-chapters button { flex: none; text-align: start; white-space: normal; }
.guide-chapters [aria-current="page"] { border-color: var(--color-accent); }
.guide-content { overflow-wrap: anywhere; min-width: 0; }
.guide-content table { width: 100%; border-collapse: collapse; }
.guide-content th, .guide-content td { padding: var(--space-2); border: 1px solid var(--color-border); text-align: start; }
.guide-content h4 { margin-top: var(--space-5); font-size: var(--font-size-sm); }
.contextual-help { margin-inline-start: var(--space-3); }
/* --breakpoint-md: the guide columns collapse below the tablet layout. */
@media (width < 1024px) { .guide-layout { grid-template-columns: 1fr; } .guide-chapters { max-height: 15rem; overflow: auto; } }

#settingsVersion { font-variant-numeric: tabular-nums; }