/* Feed the Underdog · shared styles for privacy / terms / 404 (same tokens as index.html) */
:root{
  --ink:#0B0B0D; --ink-1:#101014; --ink-2:#16161B; --line:#2A2831; --line-soft:#1F1E25;
  --cream:#F2EBDD; --cream-dim:#C9C2B5; --lav:#C7B9F2; --purple:#4B2E83; --gold:#D6A93C; --mute:#8B8695;
  --disp:"Anton",Impact,"Arial Narrow Bold",sans-serif;
  --body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --gut:clamp(18px,4.2vw,68px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--purple);color:var(--cream)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-weight:500}
.skip{position:absolute;top:-100px;left:var(--gut);background:var(--cream);color:var(--ink);padding:12px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;z-index:10}
.skip:focus{top:14px}

/* header */
.top{border-bottom:1px solid var(--line-soft)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:70px}
.top .brand img{height:30px;width:auto}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  padding:12px 18px;border:1px solid var(--cream);color:var(--cream);text-decoration:none;transition:background .3s,color .3s}
.btn:hover{background:var(--cream);color:var(--ink)}
.btn.solid{background:var(--cream);color:var(--ink)}
.btn.solid:hover{background:var(--purple);border-color:var(--purple);color:var(--cream)}

/* document */
.doc{padding-block:clamp(56px,8vw,112px)}
.doc-head{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,44px);margin-bottom:clamp(34px,5vw,64px)}
.folio{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--gold);padding-top:6px;text-transform:uppercase}
h1{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:-.018em;line-height:.9;font-size:clamp(40px,7vw,92px)}
.lede{font-size:clamp(16px,1.35vw,19px);color:var(--cream-dim);margin-top:16px;max-width:60ch}
.meta{margin-top:18px}
.body{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:760px}
.body section{border-top:1px solid var(--line);padding:26px 0 30px}
.body h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;line-height:1;margin-bottom:12px}
.body p,.body li{color:var(--cream-dim);max-width:66ch}
.body p+p{margin-top:12px}
.body ul{margin:12px 0 0 1.1em}
.body li{margin-bottom:6px}
.body li::marker{color:var(--gold)}
.body a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.body strong{color:var(--cream);font-weight:600}
dl.kv{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:0;margin-top:6px;border-top:1px solid var(--line-soft)}
dl.kv dt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding:13px 12px 13px 0;border-bottom:1px solid var(--line-soft)}
dl.kv dd{color:var(--cream-dim);padding:11px 0;border-bottom:1px solid var(--line-soft)}

/* 404 */
.nf{min-height:calc(100svh - 70px);display:flex;align-items:flex-end;padding-block:clamp(56px,8vw,112px)}
.nf h1{font-size:clamp(64px,15vw,210px);line-height:.84}
.nf h1 span{display:block;color:var(--lav)}
.nf .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* footer */
footer{border-top:1px solid var(--line);padding-block:clamp(44px,6vw,72px) 34px}
footer .fmark{width:min(100%,520px);height:auto;opacity:.22;margin-bottom:34px}
.frow{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line)}
.frow a{text-decoration:underline;text-underline-offset:3px}
.legal{font-size:11.5px;color:var(--mute);max-width:76ch;margin-top:16px;line-height:1.6}

@media (max-width:700px){
  .doc-head{grid-template-columns:minmax(0,1fr);gap:10px}
  dl.kv{grid-template-columns:minmax(0,1fr)}
  dl.kv dt{border-bottom:0;padding-bottom:0}
  .top .btn{padding:10px 12px;font-size:10px;letter-spacing:.12em}
}
@media print{.top,.skip{display:none}body{background:#fff;color:#000}.body p,.body li,dl.kv dd{color:#000}}