/* Shared styling for /terms and /privacy — same palette and type as the
   landing page, laid out as a reading document. The legal text itself is
   Max's, verbatim; this file only styles it. */
:root{
  --ink:#0C0B09;--ink-2:#14120E;--cream:#EBE4D2;--cream-dim:#8F8A7C;--champagne:#D9BE85;
  --line:rgba(235,228,210,.12);--line-soft:rgba(235,228,210,.07);
  --display:"Archivo",sans-serif;--body:"Instrument Sans",sans-serif;--mono:"IBM Plex Mono",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--ink);color:var(--cream);font-family:var(--body);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
  background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:120px 120px;
}
::selection{background:var(--champagne);color:var(--ink)}
a{color:var(--champagne);text-decoration:none;border-bottom:1px solid rgba(217,190,133,.35);transition:border-color .2s}
a:hover{border-color:var(--champagne)}
:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
.nav{position:sticky;top:0;z-index:10;background:rgba(12,11,9,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.nav-in{max-width:1180px;margin:0 auto;padding:0 28px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav img{height:26px;width:auto}
.nav a{border:0}
.nav-links{display:flex;gap:28px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.nav-links a{color:var(--cream-dim);transition:color .2s}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--cream)}
.doc{max-width:760px;margin:0 auto;padding:88px 28px 120px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--champagne);display:flex;align-items:center;gap:12px;margin-bottom:22px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--champagne);opacity:.7}
h1{font-family:var(--display);font-weight:800;font-stretch:90%;letter-spacing:-.02em;font-size:clamp(34px,5.5vw,54px);line-height:1.02;text-transform:uppercase;margin-bottom:14px}
.meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:52px}
h2{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.01em;margin:52px 0 14px;padding-top:26px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:baseline}
h2 .n{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.14em;color:var(--champagne);flex-shrink:0}
p{margin:0 0 16px;color:rgba(235,228,210,.86)}
strong{color:var(--cream)}
address{font-style:normal;color:rgba(235,228,210,.86);line-height:1.9}
.footer{border-top:1px solid var(--line-soft);padding:40px 0}
.footer-in{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer img{height:22px;opacity:.8}
.footer-links{display:flex;gap:28px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.footer-links a{color:var(--cream-dim);border:0;transition:color .2s}
.footer-links a:hover{color:var(--cream)}
.footer-legal{font-family:var(--mono);font-size:11px;color:var(--cream-dim);letter-spacing:.08em;opacity:.7}
@media (max-width:640px){.doc{padding:56px 20px 90px}.nav-links{gap:18px}}