@font-face{font-family:Commissioner;src:url('/assets/assets/fonts/studio/Commissioner-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Commissioner;src:url('/assets/assets/fonts/studio/Commissioner-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:light;--paper:#faf8f3;--ink:#182c29;--muted:#4b625a;--rule:#c8d0c8;--link:#215b4e;--accent:#dab77b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 Commissioner,system-ui,sans-serif}
a{color:var(--link);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--link);outline-offset:5px;border-radius:2px}::selection{background:var(--accent);color:var(--ink)}
.skip{position:absolute;left:16px;top:-80px;padding:8px 16px;background:var(--paper)}.skip:focus{top:16px}
header,main,footer{width:min(100% - 48px,780px);margin-inline:auto}header{padding:28px 0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--rule)}header img{width:44px;height:44px;border-radius:8px}header a{font-weight:600;text-decoration:none}
main{padding:52px 0 64px}h1{font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}h2{font-size:25px;line-height:1.3;font-weight:600;margin:40px 0 12px}p{margin:0 0 18px}ul,ol{padding-left:24px;margin:0 0 20px}li{margin-bottom:10px}.lead{font-size:22px;line-height:1.5}.date{font-size:15px;color:var(--muted)}.action{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:6px;font-weight:600;text-decoration:none;margin:8px 0 20px}.action:hover{background:var(--link)}nav{display:flex;flex-wrap:wrap;gap:12px 24px}footer{padding:24px 0 40px;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)}footer p{margin:16px 0 0}code{font-size:.9em;overflow-wrap:anywhere}body{overflow-wrap:break-word}@media(max-width:520px){header,main,footer{width:calc(100% - 40px)}header{padding-block:22px}main{padding-top:36px}.lead{font-size:20px}h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
