:root{--paper:#F7F3EA;--ink:#2E3A31;--ink-soft:#5B665D;--sage:#5F7A60;--line:#E2D8C6;
--serif:"New York",ui-serif,"Iowan Old Style",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--sage)}.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:rgba(247,243,234,.94)}
header .wrap{max-width:1120px;display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 19px var(--serif)}
.brand img{width:34px;height:34px;border-radius:9px}
header nav a{color:var(--ink-soft);text-decoration:none;margin-left:20px;font-size:16px}
main{padding:56px 0 80px}
h1{font:700 clamp(34px,5vw,48px)/1.12 var(--serif);margin:0 0 18px;letter-spacing:-.3px}
h2{font:700 26px/1.25 var(--serif);margin:42px 0 12px;scroll-margin-top:20px}
h3{font:700 20px var(--serif);margin:28px 0 8px}
p,li{color:#3d4840}ul{padding-left:22px}li{margin:6px 0}
code{font:15px ui-monospace,SFMono-Regular,Menlo,monospace;background:#EFE6D6;padding:1px 6px;border-radius:6px}
.draft{background:#FFF4D6;border:1px solid #EBD38F;border-radius:14px;padding:14px 18px;font-size:16px;margin:0 0 24px}
footer{border-top:1px solid var(--line);padding:36px 0 56px;color:var(--ink-soft);font-size:15px}
footer .wrap{max-width:1120px;display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:space-between}
footer a{color:var(--ink-soft);margin-right:16px}
@media(max-width:640px){header nav a:not(:last-child){display:none}}