/* Legal pages (A9). Loaded after base.css: light reading theme with explicit text colors (AA), dark mode below. LTR, English. */
:root{--navy:#0C0C10;--amber:#7B66F0;--ink:#1d2733;--muted:#5b6673;--bg:#ffffff;--line:#e3e6ea;--banner-bg:#fff4e0;--banner-ink:#6b3e00}
@media (prefers-color-scheme:dark){:root{--ink:#e7ebf0;--muted:#a8b2bd;--bg:#0C0C10;--line:#2a2a36;--banner-bg:#3a2a10;--banner-ink:#ffd9a0}}
html{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6;font-size:17px}
.draft-banner{background:var(--banner-bg);color:var(--banner-ink);border-bottom:2px solid var(--amber);padding:12px 16px;font-weight:700;text-align:center}
.draft-banner[hidden]{display:none}
main{max-width:760px;margin:0 auto;padding:24px 16px 64px}
h1{font-family:"Noto Serif",Georgia,serif;font-size:2rem;line-height:1.25;margin:.5em 0 .25em}
h2{font-family:"Noto Serif",Georgia,serif;font-size:1.3rem;margin:2em 0 .5em;padding-top:.5em;border-top:1px solid var(--line)}
h3{font-size:1.05rem;margin:1.4em 0 .4em}
.meta{color:var(--muted);font-size:.95rem}
.box{border:1px solid var(--line);border-left:4px solid var(--amber);padding:12px 16px;margin:1em 0;border-radius:4px}
a{color:inherit;text-decoration-color:var(--amber);text-underline-offset:3px}
nav.legal-nav{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.95rem;margin-bottom:8px}
table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
code,.mono{font-family:"Space Mono",ui-monospace,Menlo,monospace;font-size:.9em}
ol,ul{padding-left:1.4em}
li{margin:.25em 0}
p,li,td{overflow-wrap:anywhere}

/* Explicit colors: base.css paints headings/paragraphs cream for its navy theme; override for the light legal page. */
:root{--link:#0b4f8a;--fg:var(--ink);--fg-2:var(--ink);--fg-3:var(--muted)}
@media (prefers-color-scheme:dark){:root{--link:#AE9FFF}}
body,main,p,li,td,th,dd,dt,strong,b,em,.box{color:var(--ink)}
h1,h2,h3,h4{color:var(--ink)}
.meta{color:var(--muted)}
a,a:visited{color:var(--link);text-decoration-color:currentColor}
a:hover{text-decoration-thickness:2px}
.draft-banner,.draft-banner *{color:var(--banner-ink)}
main p,main ul,main ol,main table{margin:0 0 .9em}
main p{max-width:none}