:root{--bg:#F3F4F2;--bg-2:#E9EBE7;--ink:#141C1B;--text:#2A3331;--muted:#5F6967;--accent:#1E4A46;--rule:#D3D7D4;--maxw:760px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#121716;--bg-2:#181E1C;--ink:#EDEFEC;--text:#CBD1CE;--muted:#959E9A;--accent:#9FC9C3;--rule:#2A3331}}
:root[data-theme="dark"]{--bg:#121716;--bg-2:#181E1C;--ink:#EDEFEC;--text:#CBD1CE;--muted:#959E9A;--accent:#9FC9C3;--rule:#2A3331}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--bg)}
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
@media (min-width:720px){.wrap{padding:0 40px}}
.site-header{border-bottom:1px solid var(--rule);background:var(--bg)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:20px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}
.brand svg{width:26px;height:26px}
.back{font-size:.95rem;color:var(--text);text-decoration:none}
.back:hover{text-decoration:underline}
.legal{padding:48px 20px 72px}
@media (min-width:720px){.legal{padding:64px 40px 96px}}
.legal h1{font-family:"Source Serif 4",Georgia,serif;font-weight:500;font-size:clamp(1.8rem,3.5vw,2.4rem);line-height:1.2;color:var(--ink);margin:0 0 .3em}
.legal .updated{color:var(--muted);margin:0 0 2.2em}
.legal h2{font-family:"Source Serif 4",Georgia,serif;font-weight:500;font-size:1.25rem;color:var(--ink);margin:2em 0 .5em}
.legal p{margin:0 0 1em;max-width:68ch}
.site-footer{border-top:1px solid var(--rule);background:var(--bg-2);padding:24px 0 36px;font-size:.95rem;color:var(--muted)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:8px 28px}
.site-footer a{color:var(--text);text-decoration:none}
.site-footer a:hover{text-decoration:underline}