/* Shared shell for the legal pages. Same tokens as the main page, but a
   reading layout: one narrow column, generous line height, no starfield. */
:root{
  --ground:#060607; --surface:#0d0e10; --surface-2:#131417;
  --line:#1d1f23; --line-2:#2c2f35; --white:#fff;
  --text:#f2f3f4; --muted:#8d9299; --faint:#5c6169;
  --display:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
.page{max-width:720px;margin:0 auto;padding:0 22px 96px}
.top{padding:26px 0 0}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);
  text-decoration:none;font-size:13.5px;font-family:var(--mono)}
.back:hover{color:var(--text)}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);margin:48px 0 10px}
h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em;
  font-size:clamp(30px,5.2vw,44px);line-height:1.12;margin:0 0 14px}
h2{font-family:var(--display);font-weight:700;letter-spacing:-.02em;
  font-size:21px;margin:42px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
h3{font-family:var(--display);font-weight:600;font-size:16.5px;margin:26px 0 8px}
p,li{color:#cfd3d8}
a{color:var(--white)}
.lede{font-size:18px;color:var(--muted);margin:0 0 6px}
.updated{font-family:var(--mono);font-size:12.5px;color:var(--faint);margin:0 0 8px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--line)}
th{background:var(--surface-2);font-family:var(--mono);font-weight:500;
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin:20px 0}
.box p:last-child{margin-bottom:0}
.box p:first-child{margin-top:0}
.todo{background:#1a1408;border-color:#4a3a12}
.todo .tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:#d9a441;display:block;margin-bottom:6px}
footer{border-top:1px solid var(--line);margin-top:60px;padding-top:24px;
  font-size:13px;color:var(--faint)}
footer a{color:var(--muted);text-decoration:none;margin-right:16px}
footer a:hover{color:var(--text)}