@font-face{font-family:"Archivo";src:url("assets/fonts/archivo-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist";src:url("assets/fonts/geist-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#0B0F0E;--paper:#F4F1EA;--amber:#F59E0B}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;font-size:1.05rem}
header{background:var(--ink);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
header a.brand{color:var(--paper);text-decoration:none;font-weight:700;letter-spacing:.18em;font-size:.8rem}
header a.login{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:var(--amber);color:var(--ink);border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none}
main{max-width:42rem;margin:0 auto;padding:48px 16px 64px}
h1{font-family:"Archivo","Geist",system-ui,sans-serif;font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin:0 0 8px}
.lede{margin:0 0 32px;color:#4a4f4d}
.draft{display:inline-block;margin:0 0 24px;padding:4px 12px;border:1px solid var(--ink);border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
a{color:var(--ink)}
a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
footer{background:var(--ink);color:var(--paper);padding:24px 16px;text-align:center;font-size:.9rem}
footer a{color:var(--paper);margin:0 8px}