/* Shared shell for the subpages (legal, 404). Mirrors the tokens in index.html. */
:root{
  --bg:#090909; --panel:#0E0E0F; --line:#1E1D1B; --line-2:#2E2B26;
  --ink:#EDE8DF; --ink-2:#A79576; --ink-3:#8A7C64;
  --amber:#FFB300; --amber-2:#C98C00; --black:#140D00;
  --sans:Archivo,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'Azeret Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
html{ background:var(--bg); color-scheme:dark; -webkit-text-size-adjust:100%; }
*,*::before,*::after{ box-sizing:border-box; margin:0; }
body{ background:var(--bg); color:var(--ink); font-family:var(--sans);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:var(--amber); text-decoration:none; border-bottom:1px solid var(--amber-2); }
a:hover{ color:var(--ink); border-bottom-color:var(--ink); }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.skip{ position:absolute; left:-9999px; top:0; z-index:100; background:var(--amber); color:var(--black);
  font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; padding:12px 18px; }
.skip:focus{ left:12px; top:12px; }

.nav{ border-bottom:1px solid var(--line); position:sticky; top:0; background:rgba(9,9,9,.92);
  backdrop-filter:blur(8px); z-index:20; }
.nav .wrap{ display:flex; align-items:center; justify-content:space-between; gap:20px; height:72px; }
.brand{ display:inline-flex; align-items:center; gap:12px; color:var(--ink); border:0; }
.brand svg{ width:16px; height:16px; color:var(--amber); }
.brand b{ font-size:13.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.back{ font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-2); border:0; }
.back:hover{ color:var(--amber); }

main{ padding:clamp(48px,7vw,104px) 0 clamp(56px,8vw,120px); }
.doc{ max-width:74ch; }
.eyebrow{ font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.18em;
  text-transform:uppercase; color:var(--amber); }
h1{ margin:18px 0 0; font-size:clamp(30px,5vw,52px); line-height:1.06; font-weight:900;
  letter-spacing:-.015em; text-transform:uppercase; }
.updated{ margin-top:18px; font-family:var(--mono); font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-3); }
h2{ margin:clamp(34px,4vw,52px) 0 0; font-size:clamp(17px,2vw,21px); font-weight:700; letter-spacing:.01em; }
h2 .n{ font-family:var(--mono); font-size:12px; font-weight:500; color:var(--amber); margin-right:12px; }
p{ margin-top:14px; color:var(--ink-2); }
p.lede{ margin-top:26px; font-size:clamp(17px,2vw,20px); line-height:1.5; color:var(--ink); }
ul{ margin:14px 0 0; padding-left:0; list-style:none; }
li{ position:relative; margin-top:9px; padding-left:22px; color:var(--ink-2); }
li::before{ content:''; position:absolute; left:0; top:.62em; width:6px; height:6px; background:var(--amber-2); }
strong{ color:var(--ink); font-weight:600; }
.note{ margin-top:26px; border:1px solid var(--line-2); background:var(--panel); padding:20px 22px; }
.note p{ margin-top:0; color:var(--ink-2); font-size:15px; }
.note p + p{ margin-top:12px; }
.note .tag{ display:inline-block; font-family:var(--mono); font-size:9.5px; font-weight:600;
  letter-spacing:.15em; text-transform:uppercase; color:var(--amber);
  border:1px solid var(--amber-2); padding:3px 9px; margin-bottom:12px; }

.foot{ border-top:1px solid var(--line); padding:34px 0 44px; }
.foot .wrap{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; }
.legal-nav{ display:flex; flex-wrap:wrap; gap:10px 22px; }
.legal-nav a, .foot .cr{ font-family:var(--mono); font-size:10.5px; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase; }
.legal-nav a{ color:var(--ink-2); border-bottom:1px solid transparent; padding-bottom:2px; }
.legal-nav a:hover{ color:var(--amber); border-bottom-color:var(--amber-2); }
.foot .cr{ color:var(--ink-3); margin-left:auto; border:0; }
@media (max-width:700px){ .foot .cr{ margin-left:0; } }