:root{--ground:#FBF9F8;--surface:#FFF;--sunk:#F2EEEC;--line:#E0D8D5;--ink:#1B1517;--ink-2:#463C40;--muted:#7A6C70;--accent:#6B2D4F;--accent-soft:#F5E9EF}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#141013;--surface:#1D181B;--sunk:#191416;--line:#332A2E;--ink:#F4EEF0;--ink-2:#C9BBC0;--muted:#948388;--accent:#E9A8C6;--accent-soft:#2B1B24}}
:root[data-theme=dark]{--ground:#141013;--surface:#1D181B;--sunk:#191416;--line:#332A2E;--ink:#F4EEF0;--ink-2:#C9BBC0;--muted:#948388;--accent:#E9A8C6;--accent-soft:#2B1B24}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.65 Georgia,"Iowan Old Style",serif;-webkit-font-smoothing:antialiased}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:.6rem 1rem;z-index:10;border-radius:6px}
.site-head{border-bottom:1px solid var(--line);background:var(--surface)}
.bar{max-width:52rem;margin:0 auto;padding:1.1rem 1.5rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline}
.brand{font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em;font-size:1.05rem}
.nav{display:flex;gap:1.1rem;margin-left:auto;font-family:system-ui,sans-serif;font-size:.85rem}
.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--accent)}
main{max-width:52rem;margin:0 auto;padding:0 1.5rem}
.hero{padding:3.5rem 0 2rem;border-bottom:1px solid var(--line);margin-bottom:2.5rem}
.kicker{font-family:system-ui,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .7rem}
h1{font-size:clamp(2rem,5vw,2.8rem);margin:0 0 .6rem;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
.sub{margin:0;color:var(--ink-2);font-size:1.08rem;max-width:44ch}
.wrap{margin:0 0 2rem}
h2{font-size:1.45rem;margin:2.2rem 0 .7rem;letter-spacing:-.01em;text-wrap:balance}
h3{font-size:1.15rem;margin:1.8rem 0 .5rem}
p{margin:0 0 1rem;max-width:66ch}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.3rem 1.4rem}
.card h3{margin-top:0}
.muted{color:var(--muted)}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:.82rem}
.drop-src{margin-top:1.2rem;padding-top:.7rem;border-top:1px solid var(--line);font-size:.78rem}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
img,video{max-width:100%;height:auto}
.scroll-x,pre{overflow-x:auto}
pre{background:var(--sunk);padding:.9rem;border-radius:8px;font-size:.82rem}
.site-foot{border-top:1px solid var(--line);margin-top:4rem;background:var(--surface)}
.site-foot div{max-width:52rem;margin:0 auto;padding:1.8rem 1.5rem;font-size:.85rem;color:var(--muted)}