/* Width-matched stand-ins until the web fonts arrive (same as the app's styles.css). */
@font-face { font-family: "Cinzel Fallback"; src: local("Georgia"); size-adjust: 107%; }
@font-face { font-family: "Atkinson Fallback"; src: local("Arial"), local("Helvetica"); size-adjust: 99%; }

:root {
  --night: #161b2e;
  --night-3: #2c3556;
  --text: #ece7dc;
  --muted: #a3a9bf;
  --brass: #d9a441;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--night); color: var(--text); font: 17px/1.65 "Atkinson Hyperlegible", "Atkinson Fallback", system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--brass); }
:focus-visible { outline: 2px solid var(--brass); outline-offset: 2px; }
header, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 16px; }
header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--night-3); }
.wordmark { font: 700 19px/1 "Cinzel", "Cinzel Fallback", Georgia, serif; letter-spacing: 0.04em; color: var(--text); text-decoration: none; margin-right: auto; }
header nav { display: flex; gap: 18px; font-size: 15px; }
header nav a { color: var(--muted); text-decoration: none; padding: 6px 0; }
header nav a[aria-current="page"] { color: var(--text); box-shadow: inset 0 -2px var(--brass); }
h1 { font: 700 clamp(30px, 8vw, 40px)/1.1 "Cinzel", "Cinzel Fallback", Georgia, serif; margin: 36px 0 6px; text-wrap: balance; }
h2 { font: 700 21px/1.3 "Cinzel", "Cinzel Fallback", Georgia, serif; margin: 40px 0 8px; color: var(--brass); }
.version { color: var(--muted); font-size: 14px; margin: 0 0 28px; }
.summary { background: #202842; border-radius: 16px; padding: 4px 20px; }
li { margin: 6px 0; }
.table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--night-3); }
th { color: var(--muted); font-weight: 400; }
footer { padding-top: 40px; padding-bottom: 48px; color: var(--muted); font-size: 14px; }
.summary ul { padding-left: 18px; }