:root{--paper:#eef1f3;--ink:#13202c;--muted:#566676;--rule:#c8d1d8;--action:#A84300;--marker:#FF9147;--stage:#0e1722;--stagetext:#e9eef3}
@media (prefers-color-scheme:dark){:root{--paper:#0f1620;--ink:#e8edf1;--muted:#9aabb9;--rule:#263444;--action:#FF9147;--stage:#0a1018}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Lato,"Helvetica Neue",Arial,sans-serif}
a{color:var(--action)}
a:focus-visible{outline:3px solid var(--action);outline-offset:3px}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
header.site{background:var(--stage);border-bottom:1px solid #1c2a3a}
header.site .wrap{max-width:1080px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;padding-top:16px;padding-bottom:16px}
header.site a{color:var(--stagetext);text-decoration:none;font-size:.95rem;margin-left:22px;position:relative;padding:4px 0}
header.site a.name{margin:0;font-weight:700}
header.site nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--marker);transform:scaleX(0);transform-origin:left;transition:transform .2s}
header.site nav a:hover::after,header.site nav a[aria-current]::after{transform:scaleX(1)}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:900;letter-spacing:-.015em;margin:0 0 14px}
.post{padding:56px 0 24px}
.crumb{margin:0 0 28px;font-size:.95rem}
.date{margin:0;color:var(--muted);font-size:.95rem}
.byline{margin:6px 0 0;color:var(--muted);font-size:.95rem}
.body{margin-top:36px}
.body p{margin:0 0 1.4em}
.body h2{font-size:1.5rem;line-height:1.25;font-weight:900;margin:2em 0 .6em}
.body blockquote{margin:2em 0;padding-left:20px;border-left:4px solid var(--marker);font-size:1.3rem;line-height:1.4;font-weight:700}
.btn{display:inline-block;background:var(--action);color:#fff;padding:13px 22px;text-decoration:none;font-weight:700;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
@media (prefers-color-scheme:dark){.btn{color:#0a1018}}
.back{margin:48px 0 0}
.blog-index{padding:56px 0 24px}
.blog-index .lead{font-size:1.2rem;margin:0 0 36px;color:var(--muted)}
ul.posts{list-style:none;margin:0;padding:0}
ul.posts li{padding:22px 0;border-top:1px solid var(--rule)}
ul.posts li:last-child{border-bottom:1px solid var(--rule)}
ul.posts .t{display:block;font-size:1.35rem;line-height:1.3;font-weight:900;text-decoration:none}
ul.posts .t:hover{text-decoration:underline}
ul.posts time{display:block;color:var(--muted);font-size:.9rem;margin:4px 0 8px}
ul.posts span{display:block;color:var(--muted)}
footer{border-top:1px solid var(--rule);margin-top:56px;padding:30px 0 44px;color:var(--muted);font-size:.92rem}