/* Shared styling for the secondary pages (terms, privacy, 404). The main page
   keeps its own inline styles so it stays a single self-contained request. */
:root {
  color-scheme: light dark;
  --eu: #003399; --band-from: #003399; --band-to: #002878; --star: #ffd617;
  --bg: #f4f6fb; --panel: #fff; --ink: #14181f; --muted: #5d6577; --line: #d8dfef;
}
@media (prefers-color-scheme: dark) {
  :root {
    --eu: #4d7fe8; --band-from: #16244d; --band-to: #0d1424;
    --bg: #0d1220; --panel: #151c2e; --ink: #eef1f8; --muted: #9aa4bd; --line: #2a3450;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
header {
  background-color: var(--band-from);
  background-image: linear-gradient(160deg, var(--band-from) 0%, var(--band-to) 100%);
  border-bottom: 3px solid var(--star);
  color: #fff;
}
header div { max-width: 46rem; margin: 0 auto; padding: 1.5rem 1.25rem; }
header h1 { margin: 0; font-size: 1.4rem; letter-spacing: -.02em; }
main { max-width: 46rem; margin: 0 auto; padding: 1.75rem 1.25rem 4rem; }
h2 { font-size: 1.05rem; margin: 1.75rem 0 .5rem; padding-left: .6rem; border-left: 3px solid var(--eu); }
p, li { color: var(--ink); }
a { color: var(--eu); text-underline-offset: .15em; }
.muted { color: var(--muted); font-size: .9rem; }
footer { max-width: 46rem; margin: 0 auto; padding: 0 1.25rem 3rem; font-size: .8rem; color: var(--muted); }