/* Shared styles for legal pages and 404 — same tokens as the home page */
:root{--linen:#F4EAD5;--paper:#FAF4E8;--pine:#1F6F50;--pine-ink:#0A251B;--gold:#FFB703;--ink:#14211A;--muted:#535D55;--line:rgba(20,33,26,.12);
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;--f-body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--linen);color:var(--ink);font:400 17px/1.7 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:var(--pine);text-underline-offset:3px}
a:hover{color:var(--pine-ink)}
:focus-visible{outline:2px solid var(--pine);outline-offset:3px;border-radius:4px}
.top{max-width:1100px;margin:0 auto;padding:22px clamp(16px,4vw,40px);display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:.55em;text-decoration:none;color:var(--ink);font:800 1.25rem var(--f-display);letter-spacing:-.035em}
.brand img{width:30px;height:30px;flex:none}
.back{font:500 .78rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(16px,4vw,24px) 96px}
.eyebrow{display:flex;align-items:center;gap:12px;font:500 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pine)}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
h1{font:700 clamp(2.2rem,5vw,3.4rem)/1.02 var(--f-display);font-stretch:86%;letter-spacing:-.035em;margin:18px 0 10px}
.updated{font:400 .78rem var(--f-mono);color:var(--muted);margin:0 0 40px}
h2{font:700 1.35rem/1.2 var(--f-display);font-stretch:90%;letter-spacing:-.02em;margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
h3{font:600 1.05rem var(--f-display);margin:24px 0 6px}
p,li{color:#2A3530;margin:0 0 12px}
ul{padding-left:20px}
dl{display:grid;grid-template-columns:180px 1fr;gap:6px 20px;margin:0 0 12px}
dt{font:500 .78rem var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:.35em}
dd{margin:0}
.todo{background:#FFE7A3;color:#3A2A00;padding:0 .3em;border-radius:3px}
.note{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:.92rem;color:var(--muted)}
footer{background:var(--pine-ink);color:rgba(244,234,213,.75);font-size:.88rem}
footer .wrap{max-width:1100px;margin:0 auto;padding:26px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a,footer button{color:inherit;text-decoration:none;font:inherit;background:none;border:0;padding:0;cursor:pointer}
footer a:hover,footer button:hover{color:#F4EAD5}
footer a[aria-current]{color:#FFB703}
@media (max-width:560px){dl{grid-template-columns:1fr}dt{padding-top:10px}}