/*
 * Shared chrome for the legal pages.
 *
 * A real stylesheet rather than a third inline copy of the palette. The landing
 * page inlines its own because it must stay deployable as one file; these two
 * are always served beside it, so they can share.
 *
 * The values match `www/index.html` and `apps/web/src/styles.css` — Astryx
 * "Stone", dark, with the teal accent that is the logo rather than Stone's
 * monochrome. All three lists change together.
 */
:root{
  --bg:#111015; --panel:#1b1b1f; --line:#2a2a2e;
  --ink:#f3f3f5; --dim:#ababb0; --faint:#83838a;
  --accent:#4FD1C5;
  --sans:Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
@font-face{font-family:"Figtree";src:url(/fonts/Figtree-var.woff2)format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/JetBrainsMono-var.woff2)format("woff2");font-weight:100 800;font-display:swap}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:56px 24px 96px}
a{color:var(--accent)}
nav{border-bottom:1px solid var(--line);padding:18px 24px}
nav .inner{max-width:720px;margin:0 auto;display:flex;gap:18px;align-items:baseline}
nav b{font-weight:650}
nav a{color:var(--dim);text-decoration:none;font-size:14px}
nav a:hover{color:var(--ink)}
h1{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:0 0 6px}
h2{font-size:20px;margin:38px 0 10px;letter-spacing:-.01em}
h3{font-size:16px;margin:26px 0 6px}
.meta{color:var(--faint);font-size:14px;margin:0 0 8px}
.lede{color:var(--dim);font-size:18px;margin:14px 0 0}
p,li{color:var(--dim)}
strong{color:var(--ink);font-weight:600}
code{font-family:var(--mono);font-size:13px;background:var(--panel);
  border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--ink)}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--faint);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.note{background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--accent);
  border-radius:8px;padding:14px 16px;margin:22px 0}
.note p{margin:0;color:var(--dim)}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:22px;
  color:var(--faint);font-size:14px}
footer a{color:var(--faint)}