/* Shared styles for simple content pages (legal, 404) */
@font-face{font-family:'Jost';src:url('/fonts/jost-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Jost';src:url('/fonts/jost-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/fonts/hanken-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/fonts/hanken-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --ink-900:#0A0A0A;--paper:#F5F3EF;--white:#FFFFFF;
  --gold-500:#C6A66B;--gold-600:#A98544;
  --text-primary:#0A0A0A;--text-secondary:#3D3D3D;--text-muted:#6E6E6E;--border:#E6E4DF;
  --font-display:'Jost',system-ui,sans-serif;--font-body:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto}
a{color:var(--gold-600);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px}
.topbar{background:var(--ink-900);padding:20px 24px}
.topbar img{height:28px;width:auto;display:block}
.wrap{max-width:760px;margin:0 auto;padding:64px 24px}
h1{font-family:var(--font-display);text-transform:uppercase;font-weight:600;letter-spacing:.01em;font-size:clamp(28px,5vw,44px);line-height:1.1;margin:0 0 8px}
h2{font-family:var(--font-display);text-transform:uppercase;font-weight:600;font-size:20px;margin:36px 0 10px}
.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.28em;font-size:12px;font-weight:500;color:var(--gold-600);margin:0 0 14px}
.meta{color:var(--text-muted);font-size:14px;margin:0 0 32px}
p,li{color:var(--text-secondary)}
ol,ul{padding-left:22px}
li{margin:6px 0}
.backlink{display:inline-block;margin-top:40px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.pagefoot{border-top:1px solid var(--border);margin-top:48px;padding-top:24px;color:var(--text-muted);font-size:13px}
/* Footer (compact, anchored to bottom) */
.footer{background:var(--ink-900);color:#fff;padding:28px 0;flex-shrink:0}
.footer-inner{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}
.footer img{height:22px;width:auto;display:block}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}
.footer-links a{color:#C7C7C7;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.footer-links a:hover{color:var(--gold-500);text-decoration:none}
.footer-links a.footer-ext{color:var(--gold-500)}
.footer-links a.footer-ext:hover{color:var(--gold-300)}
.footer-legal{color:#6E6E6E;font-size:12px;margin:5px 0 0;max-width:60ch}
.footer .ver{opacity:.55;letter-spacing:.02em;white-space:nowrap}

/* 404 specifics */
.center{min-height:70vh;display:flex;flex-direction:column;justify-content:center;text-align:center}
.center .code{font-family:var(--font-display);font-weight:600;font-size:clamp(64px,18vw,140px);line-height:1;color:var(--ink-900)}
.btn{display:inline-block;margin-top:24px;background:var(--gold-500);color:var(--ink-900);font-family:var(--font-display);
  text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;padding:15px 28px;border-radius:2px}
.btn:hover{background:var(--gold-600);text-decoration:none}