:root{--bg:#faf6ee;--ink:#141414;--muted:#6b665d;--line:#e4ddcf;--accent:#b8862b;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121110;--ink:#f3eee4;--muted:#a39d91;--line:#2c2a26;--accent:#d9ab55;color-scheme:dark}}
:root[data-theme=dark]{--bg:#121110;--ink:#f3eee4;--muted:#a39d91;--line:#2c2a26;--accent:#d9ab55;color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 "Jost",system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;transition:background .3s,color .3s}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--accent)}
a:hover{color:var(--accent)}
.toggle{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center}
.toggle:hover{border-color:var(--accent);color:var(--accent)}
.toggle svg{width:18px;height:18px}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 16px 48px}
.logo{width:min(440px,78vw);aspect-ratio:914/527;background:var(--ink);-webkit-mask:url(logo.png) center/contain no-repeat;mask:url(logo.png) center/contain no-repeat}
.tag{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(1.5rem,4.2vw,2.3rem);line-height:1.25;margin-top:40px}
.sub{color:var(--muted);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin-top:14px}
.links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:44px}
.links a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.92rem}
.links a:hover{border-color:var(--accent)}
.links svg{width:16px;height:16px}
footer{border-top:1px solid var(--line);padding:22px 16px;text-align:center;font-size:.78rem;color:var(--muted)}
footer nav{margin-top:6px}footer nav a{margin:0 8px}
.doc{max-width:720px;margin:0 auto;padding:88px 16px 56px;flex:1}
.doc .back{font-size:.85rem;color:var(--muted)}
.doc h1{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:2.2rem;margin:20px 0 4px}
.doc .date{color:var(--muted);font-size:.85rem;margin-bottom:32px}
.doc h2{font-size:1.05rem;font-weight:600;margin:30px 0 8px}
.doc p,.doc li{color:var(--ink);opacity:.9}.doc ul{padding-left:20px}.doc p+p{margin-top:10px}