/* The secondary pages (legal, 404): the same design language as the home page (../../DESIGN.md). */
:root{--bg:#F9F9F4;--card:#FDFCFB;--ink:#3C210C;--muted:#60584C;--faint:#776D5E;--line:#DEDACE;--accent:#C8430D;--accent-deep:#A33509;--accent-soft:#FCECE4;--sans:'Geist',system-ui,-apple-system,sans-serif;--mono:'Geist Mono',ui-monospace,monospace;color-scheme:light}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.nav{border-bottom:1px solid var(--line);background:rgba(249,249,244,.92)}
.nav-in{max-width:880px;margin:0 auto;padding:0 20px;height:64px;display:grid;grid-template-columns:1fr auto;align-items:center}
.brand{display:inline-grid;grid-auto-flow:column;align-items:center;column-gap:10px;font-weight:600;font-size:19px;color:var(--ink);text-decoration:none}
.mark{width:30px;height:30px;border-radius:9px;background:var(--ink);color:#FDFCFB;display:grid;place-items:center;font-size:15px}
.btn{display:inline-grid;place-items:center;min-height:44px;padding:10px 18px;border-radius:12px;font-weight:500;text-decoration:none;background:var(--ink);color:#FDFCFB}
.btn:hover{background:#2B1708}
main{max-width:880px;margin:0 auto;padding:56px 20px 80px}
.kick{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(32px,4vw,46px);font-weight:300;letter-spacing:-.02em;line-height:1.12;margin:12px 0 10px}
h2{font-size:22px;font-weight:400;letter-spacing:-.01em;margin:40px 0 10px}
p,li{color:var(--muted)}
p+p{margin-top:12px}
ul{padding-left:20px;margin-top:8px}
li{margin:4px 0}
.meta{font-size:14px;color:var(--faint)}
.note{margin-top:24px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:14px}
footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;font-size:14px;color:var(--faint)}
footer a{color:var(--muted);margin:0 8px}