/* Shared shell for the text pages (privacy, support, 404).
   Same tokens as the homepage, one readable measure, no bento. */
:root{
  --ink:#0C0C0D;
  --ink-2:#141416;
  --ink-3:#1C1C20;
  --line:#2E2E34;
  --paper:#F6F6F2;
  --mute:#9B9B95;
  --volt:#FFE500;
  --slime:#C8FF2E;
  --font-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --font-body:"Public Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;
  color-scheme:dark;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--font-body);font-size:16.5px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:rgba(12,12,13,.92)}
.wrap{
  width:100%;max-width:760px;margin:0 auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px));
}
a{color:var(--volt)}

nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(12,12,13,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav .wrap{max-width:1120px;display:flex;align-items:center;gap:20px;height:62px}
.mark{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.03em;text-decoration:none;color:var(--paper)}
.mark img{width:28px;height:28px;border-radius:8px;flex:none}
.navlinks{margin-left:auto;display:flex;gap:24px;font-size:13px;color:var(--mute);font-weight:600}
.navlinks a{text-decoration:none;color:var(--mute)}
.navlinks a:hover{color:var(--volt)}
@media(max-width:620px){.navlinks{display:none}}
.nav-cta{
  font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  background:var(--volt);color:#0C0C0D;border:2px solid #0C0C0D;border-radius:999px;padding:8px 16px;
  text-decoration:none;box-shadow:0 0 0 2px var(--volt);transition:transform .14s ease;white-space:nowrap;
}
.nav-cta:hover{transform:translateY(-2px) rotate(-1.5deg)}
@media(max-width:620px){.nav-cta{margin-left:auto}}

.doc{padding-block:clamp(40px,6vw,72px)}
.doc h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,48px);line-height:1;letter-spacing:-.03em;text-wrap:balance;margin:0 0 .6rem}
.doc h2{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2.4vw,24px);line-height:1.15;letter-spacing:-.02em;margin:2.6rem 0 .7rem}
.doc h3{font-family:var(--font-body);font-weight:800;font-size:16px;margin:1.6rem 0 .3rem}
.doc p,.doc li{margin:0 0 .95rem}
.doc ul,.doc ol{padding-left:1.25rem}
.doc li::marker{color:var(--volt)}
.doc strong{color:var(--paper)}
.doc hr{border:0;border-top:1px solid var(--line);margin:2.8rem 0}
.doc .meta,.doc .updated{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.doc .lede{font-size:clamp(17px,2vw,20px);color:var(--paper);font-weight:600}
.doc table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 1.2rem}
.doc th,.doc td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.doc th{background:var(--ink-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.doc code{font-family:var(--font-mono);font-size:.9em;background:var(--ink-3);border:1px solid var(--line);border-radius:6px;padding:1px 5px}
.doc blockquote{margin:0 0 1.2rem;padding-left:16px;border-left:3px solid var(--volt);color:var(--mute)}
/* callouts carried over from the original pages */
.doc .crisis,.doc .note,.doc .box{
  background:var(--ink-2);border:2px solid var(--line);border-left:4px solid var(--volt);
  border-radius:16px;padding:20px 22px;margin:0 0 1.4rem;
}
.doc .crisis h2,.doc .note h3{margin-top:0}
.doc .crisis p:last-child,.doc .note p:last-child{margin-bottom:0}
.doc .tldr{background:var(--ink-2);border:2px solid var(--slime);border-radius:16px;padding:20px 22px;margin:0 0 1.6rem}
.doc .tldr p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--line);background:var(--ink);padding-block:28px}
footer .wrap{max-width:1120px}
.flinks{font-size:13.5px;color:var(--mute);margin:0 0 8px}
.flinks a{text-decoration:none}
.flinks a:hover{text-decoration:underline}
.legal{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#6E6E74;margin:0}

:focus-visible{outline:3px solid var(--slime);outline-offset:3px;border-radius:4px}