:root{--bg:#f7f5f1;--bg-elevated:#fffdf9;--ink:#1c1917;--muted:#57534e;--line:#d6d3d1;--accent:#1d4e4a;--accent-hover:#163e3b;--focus:#0f766e;--max:68rem;--content:42rem;--space:1.25rem}*,:before,:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:var(--bg);flex-direction:column;margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:1.0625rem;line-height:1.65;display:flex}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.5rem .75rem;text-decoration:none;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}.site-header,.site-footer{background:var(--bg-elevated);border-color:var(--line)}.site-header{border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);margin-top:auto}.wrap{width:min(var(--max), calc(100% - 2rem));margin-inline:auto}.header-inner,.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.wordmark{letter-spacing:-.02em;color:var(--ink);font-size:1.2rem;font-weight:700;text-decoration:none}.wordmark:hover,.wordmark:focus-visible{color:var(--accent)}.nav{gap:1.25rem;display:flex}.nav a{color:var(--ink);font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}main{flex:1;padding:2.25rem 0 3.5rem}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;line-height:1.25}h1{margin:0 0 .75rem;font-size:clamp(1.8rem,3vw,2.4rem)}h2{font-size:1.4rem}p.lede,.description{color:var(--muted);max-width:40rem}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.muted,time{color:var(--muted)}.hero-intro{margin-bottom:2.5rem}.disclaimer{color:var(--muted);font-size:.95rem}.post-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:.5rem;grid-template-columns:10rem 1fr;min-height:8rem;display:grid;overflow:hidden}@media (width<=40rem){.post-card{grid-template-columns:1fr}}.post-card img{object-fit:cover;background:var(--line);width:100%;height:100%;min-height:8rem}.post-card .body{padding:1rem 1.1rem 1.15rem}.post-card h2{margin:0 0 .35rem;font-size:1.15rem}.post-card h2 a{color:inherit;text-decoration:none}.post-card h2 a:hover,.post-card h2 a:focus-visible{color:var(--accent);text-underline-offset:.15em;text-decoration:underline}.meta{flex-wrap:wrap;gap:.35rem .85rem;margin:0 0 .5rem;font-size:.92rem;display:flex}.cats{flex-wrap:wrap;gap:.35rem .7rem;font-size:.9rem;display:flex}.cats a{text-decoration:none}.cats a:hover{text-underline-offset:.15em;text-decoration:underline}.pagination{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.pagination a,.pagination span[aria-current=page]{border:1px solid var(--line);color:var(--ink);background:var(--bg-elevated);border-radius:.3rem;padding:.3rem .65rem;text-decoration:none}.pagination span[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--accent)}.article-header{max-width:var(--content);margin-bottom:1.25rem}.hero{background:var(--line);border-radius:.4rem;width:100%;max-width:52rem;height:auto;margin:0 0 1.5rem;display:block}.prose{max-width:var(--content)}.prose>:first-child{margin-top:0}.prose h2,.prose h3{margin:1.8rem 0 .6rem}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1rem}.prose img{border-radius:.3rem;max-width:100%;height:auto}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding-left:1rem}.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.25rem;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.4rem .55rem}.footer-note{max-width:44rem;color:var(--muted);margin:0;font-size:.95rem}.section-link{margin-top:.5rem;font-weight:600;text-decoration:none;display:inline-block}.section-link:hover{text-underline-offset:.15em;text-decoration:underline}
