/* Shared shell for the legal and policy pages — beseen's newsprint look,
   both themes. */
:root{
  --paper:#f2efe7;
  --card:#faf8f2;
  --ink:#16150f;
  --muted:#716d60;
  --line-soft:rgba(22,21,15,.16);
  --accent:#5b3df5;
  --accent-ink:#fff;
  --grad:linear-gradient(118deg,#8b5cf6 0%,#6d4bf5 48%,#4f2ee8 100%);
}
:root[data-theme="dark"]{
  --paper:#131311;
  --card:#1b1a17;
  --ink:#f0ede3;
  --muted:#98948a;
  --line-soft:rgba(240,237,227,.16);
  --accent:#8b74ff;
  --accent-ink:#fff;
  --grad:linear-gradient(118deg,#a78bfa 0%,#8b6bff 50%,#6d4bf5 100%);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#131311;
    --card:#1b1a17;
    --ink:#f0ede3;
    --muted:#98948a;
    --line-soft:rgba(240,237,227,.16);
    --accent:#8b74ff;
    --accent-ink:#fff;
    --grad:linear-gradient(118deg,#a78bfa 0%,#8b6bff 50%,#6d4bf5 100%);
  }
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--accent-ink)}
a{color:var(--ink)}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

header{border-bottom:2px solid var(--ink);padding:18px 0}
.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wordmark{font-family:'Baloo 2','Space Grotesk',system-ui,sans-serif;font-weight:700;
  font-size:1.2rem;letter-spacing:-.01em;color:var(--ink);text-decoration:none;
  display:flex;align-items:center}
.wordmark .mark{height:1.5em;width:auto;display:block;margin-right:1px}
.wordmark .mark-d{display:none}
:root[data-theme="dark"] .wordmark .mark-l{display:none}
:root[data-theme="dark"] .wordmark .mark-d{display:block}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .wordmark .mark-l{display:none}
  :root:not([data-theme="light"]) .wordmark .mark-d{display:block}
}
.wordmark .name{background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--accent)}
.wordmark .tld{color:var(--ink);font-size:.94em}
.doc-nav{display:flex;gap:16px;flex-wrap:wrap;font-family:'Space Mono',ui-monospace,monospace;
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.doc-nav a{color:var(--muted);text-decoration:none}
.doc-nav a:hover,.doc-nav a[aria-current]{color:var(--accent)}

main{padding:60px 0 90px}
h1{font-family:'Archivo Black',system-ui,sans-serif;font-size:clamp(1.9rem,5.4vw,2.8rem);
  line-height:1.05;margin-bottom:12px;text-transform:uppercase;letter-spacing:-.02em}
.foil{background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--accent)}
.lede{font-size:1.05rem;color:var(--muted);margin-bottom:16px}
.updated{font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-bottom:44px}

.toc{display:flex;flex-wrap:wrap;gap:8px 20px;padding-bottom:34px;margin-bottom:40px;
  border-bottom:2px solid var(--ink);font-family:'Space Mono',monospace;font-size:.66rem;
  letter-spacing:.14em;text-transform:uppercase}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--accent)}
section{margin-bottom:52px;scroll-margin-top:26px}
h2{font-family:'Archivo Black',sans-serif;font-size:clamp(1.15rem,3.4vw,1.5rem);
  margin-bottom:10px;text-transform:uppercase;letter-spacing:-.01em}
h3{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);margin:28px 0 10px}
.eyebrow{font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--muted);margin-bottom:12px}
p{margin-bottom:16px}
p.muted,li.muted{color:var(--muted)}
ol,ul{margin:0 0 16px 0;padding-left:22px}
li{margin-bottom:9px}
code{font-family:'Space Mono',ui-monospace,monospace;font-size:.85em;color:var(--accent)}
strong,b{font-weight:700}

dl.facts{margin-bottom:24px}
dl.facts dt{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-top:18px}
dl.facts dd{margin-left:0}

table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:.92rem}
th,td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);font-weight:700}
.tbl{overflow-x:auto}

.callout{border:2px solid var(--ink);background:var(--card);
  box-shadow:4px 4px 0 var(--ink);padding:20px 24px;margin-bottom:24px}
.callout .tag{display:inline-block;font-family:'Space Mono',monospace;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);background:var(--grad);
  padding:4px 10px;margin-bottom:12px}
.callout p:last-child,.callout ul:last-child{margin-bottom:0}

.contact-form{margin:18px 0 22px;max-width:560px}
.contact-form label{display:block;font-family:'Space Mono',monospace;font-size:.62rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:16px 0 7px}
.contact-form input,.contact-form textarea{width:100%;background:var(--card);color:var(--ink);
  border:2px solid var(--ink);padding:12px 14px;font-family:'Space Grotesk',sans-serif;
  font-size:1rem;line-height:1.5;border-radius:0}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted);opacity:.6}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.cf-trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.cf-send{margin-top:20px;display:inline-block;background:var(--ink);border:2px solid var(--ink);
  color:var(--paper);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.9rem;
  padding:12px 26px;cursor:pointer}
.cf-send:hover{background:var(--grad);border-color:var(--ink);color:var(--accent-ink)}
.cf-send[disabled]{opacity:.55;cursor:progress}
.cf-status{margin-top:14px;font-size:.9rem;color:var(--muted)}
.cf-status.err{color:var(--accent)}

footer{border-top:2px solid var(--ink);padding:26px 0 56px;color:var(--muted);
  font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
footer .row{display:flex;gap:24px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--accent)}

@media (max-width:640px){
  main{padding:44px 0 64px}
  .doc-nav{gap:12px}
}