:root { --bg:#FBFAF6; --bg-2:#F3F1EA; --ink:#0E0F0C; --fg:#2A2C26; --fg-2:#6B6D64; --rule:#E0DCCE; --accent:#FF5F2E; --green:#1F7A3F; --green-soft:#E3F4EA; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--fg); font-family:'Geist',-apple-system,system-ui,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; font-feature-settings:"ss01","ss02","cv11"; }
.serif { font-family:'Instrument Serif',Georgia,serif; }
.mono { font-family:'Geist Mono',ui-monospace,monospace; }
a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--accent); }
a:hover { text-decoration-color:var(--ink); }
strong { color:var(--ink); font-weight:600; }
.topbar { border-bottom:1px solid var(--rule); padding:18px 0; background:var(--bg); position:sticky; top:0; z-index:10; backdrop-filter:saturate(150%) blur(12px); }
.topbar .inner { max-width:840px; margin:0 auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.topbar .left { display:flex; align-items:center; gap:12px; }
.topbar .mark { width:30px; height:30px; border:1.5px solid var(--ink); display:flex; align-items:center; justify-content:center; font-family:'Geist Mono',monospace; font-size:14px; font-weight:700; color:var(--ink); }
.topbar .brand { font-weight:700; letter-spacing:-0.02em; color:var(--ink); text-decoration:none; font-size:18px; }
.topbar .nav { font-family:'Geist Mono',monospace; font-size:13px; color:var(--fg-2); text-decoration:none; }
.topbar .nav:hover { color:var(--ink); }
.wrap { max-width:840px; margin:0 auto; padding:64px 32px 96px; }
.eye { font-family:'Geist Mono',monospace; font-size:12px; color:var(--accent); letter-spacing:-0.01em; margin-bottom:14px; display:inline-flex; align-items:center; gap:8px; }
.eye::before { content:""; width:14px; height:1px; background:var(--accent); display:inline-block; }
h1.page-title { font-family:'Geist',sans-serif; font-weight:800; font-size:clamp(40px,5.4vw,64px); letter-spacing:-0.04em; line-height:1.02; color:var(--ink); margin-bottom:12px; }
h1.page-title em { font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; }
.lede { font-size:19px; color:var(--fg); max-width:60ch; margin-bottom:8px; line-height:1.55; }
.updated { font-family:'Geist Mono',monospace; font-size:12px; color:var(--fg-2); margin:6px 0 40px; }
h2 { font-family:'Geist',sans-serif; font-size:24px; font-weight:700; letter-spacing:-0.02em; color:var(--ink); margin:44px 0 12px; }
h3 { font-family:'Geist',sans-serif; font-size:18px; font-weight:600; letter-spacing:-0.015em; color:var(--ink); margin:28px 0 8px; }
p, li { font-size:16px; color:var(--fg); margin-bottom:14px; }
ul, ol { padding-left:22px; }
li { margin-bottom:6px; }
.callout { border-left:2px solid var(--accent); background:var(--bg-2); padding:18px 22px; margin:24px 0; font-size:15px; color:var(--fg); }
.callout strong { color:var(--ink); }
.draft { display:inline-block; background:var(--green-soft); color:var(--green); font-family:'Geist Mono',monospace; font-size:11px; padding:4px 10px; border-radius:999px; margin-bottom:16px; letter-spacing:-0.01em; }
.back { display:inline-block; margin-top:48px; font-family:'Geist Mono',monospace; font-size:13px; color:var(--accent); text-decoration:none; padding:10px 16px; border:1px solid var(--rule); }
.back:hover { border-color:var(--ink); color:var(--ink); text-decoration:none; }
.pagefoot { border-top:1px solid var(--rule); padding:24px 32px; max-width:840px; margin:0 auto; font-family:'Geist Mono',monospace; font-size:11px; color:var(--fg-2); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
table.kv { width:100%; border-collapse:collapse; margin:16px 0; font-family:'Geist Mono',monospace; font-size:13px; }
table.kv td { padding:10px 0; border-bottom:1px dashed var(--rule); }
table.kv td:last-child { text-align:right; color:var(--ink); font-weight:500; }