@font-face{font-family:Lora;src:url('/assets/Lora-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--ink:#203b32;--muted:#5d6d62;--line:#deded2;--paper:#fcfcf8;--pine:#173f35}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--pine);text-underline-offset:4px}a:focus-visible{outline:2px solid #78612f;outline-offset:5px}
header{max-width:1100px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
header a.mark{font-family:Lora,Georgia,serif;font-weight:400;font-size:27px;color:var(--ink);text-decoration:none;display:flex;gap:9px;align-items:center;letter-spacing:-1px}
header img{object-fit:contain}header nav a{margin-left:25px;font-size:12px;color:var(--muted);text-decoration:none}
main{max-width:780px;margin:0 auto;padding:75px 36px 90px}h1,h2{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.04em}
h1{font-size:clamp(45px,6vw,65px);line-height:1.1;margin:0 0 22px}h2{font-size:27px;line-height:1.25;margin:42px 0 15px}
.dated,.lede{color:var(--muted);font-size:14px;margin:0 0 38px;padding-bottom:30px;border-bottom:1px solid var(--line)}
p,li{max-width:65ch}ul,ol{padding-left:23px}li{margin:13px 0;padding-left:4px}strong{font-weight:600}
footer{max-width:1100px;margin:0 auto;padding:28px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.skip{position:fixed;top:12px;left:12px;clip-path:inset(50%);background:white;padding:12px;z-index:10}.skip:focus{clip-path:none}
@media(max-width:600px){header{padding:20px 24px}header nav a{font-size:11px;margin-left:16px}header a.mark{font-size:24px}header img{width:35px;height:35px}main{padding:50px 24px 60px}body{font-size:15px}h2{font-size:25px}footer{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}