/* Static legal pages only. Public App feature pages retain styles.css unchanged. */
:root {
  color-scheme: light;
  --bg: #F9F6F0;
  --surface: #FFFDF9;
  --surface-2: #F1ECE3;
  --text: #2E3138;
  --text-2: #5C6068;
  --text-3: #5C6068;
  --border: #E2DACE;
  --border-soft: #E2DACE;
  --brand: #2E3138;
}
html { scroll-padding-top: 110px; }
::selection { background: #DCAE6C; color: #2E3138; }
:focus-visible { outline: 3px solid #2E3138; outline-offset: 5px; }
.nav { background: var(--bg); backdrop-filter: none; -webkit-backdrop-filter: none; }
.nav-logo, .footer-logo { filter: invert(1) brightness(1.1); mix-blend-mode: multiply; }
.nav a, .footer-links a, .backlink { min-height: 44px; display: inline-flex; align-items: center; }
.doc h3 { color: var(--text); }
.doc p, .doc ul, .doc ol, .doc td, .doc blockquote { color: var(--text-2); }
.doc a { text-decoration: underline; text-underline-offset: 4px; }
.doc h1 { line-height: 1.4; margin-top: 22px; }
.doc td, .doc th { overflow-wrap: anywhere; }
.doc blockquote { background: var(--surface-2); }
@media (max-width: 390px) {
  .nav { padding-inline: 18px; }
  .nav-logo { height: 22px; }
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 12px; }
  .doc td, .doc th { padding: 10px 6px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}