:root{--accent:#0b6e99;--accent-soft:#e3f1f7;--fg:#1d1f21;--fg-muted:#5b6166;--bg:#ffffff;--bg-soft:#f5f7f8;--border:#e2e6e8;--maxw:60rem;--radius:10px}@media(prefers-color-scheme:dark){:root{--accent:#6fc7e8;--accent-soft:#11313f;--fg:#e8eaec;--fg-muted:#a2a9ae;--bg:#131518;--bg-soft:#1b1e22;--border:#2a2e33}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--fg);background:var(--bg)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:10;background:var(--bg);padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius)}.site-header{border-bottom:1px solid var(--border);background:var(--bg-soft)}.header-inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1rem}.brand{text-decoration:none;color:var(--fg);display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.brand-name{font-weight:700;font-size:1.2rem;letter-spacing:-.01em}.brand-tagline{color:var(--accent);font-size:.9rem}.site-nav{display:flex;flex-wrap:wrap;gap:1rem}.site-nav a{color:var(--fg-muted);text-decoration:none;font-size:.95rem}.site-nav a:hover{color:var(--accent)}main{padding-block:clamp(1.5rem,4vw,3rem)}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.4rem);margin-top:0}h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem);margin-top:2rem}a{color:var(--accent)}.page-header{margin-bottom:1.5rem}.page-meta,.muted{color:var(--fg-muted);font-size:.92rem}img{max-width:100%;height:auto}.content figure{margin:0 0 1.5rem}.content figure img{border-radius:var(--radius)}.content figcaption{color:var(--fg-muted);font-size:.85rem;margin-top:.4rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.5rem 0}.card{display:block;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);text-decoration:none;color:var(--fg)}.card:hover{border-color:var(--accent)}.card h3{margin:0 0 .25rem;font-size:1.05rem}.card p{margin:0;color:var(--fg-muted);font-size:.92rem}.callout{border-left:4px solid var(--accent);background:var(--accent-soft);padding:.8rem 1rem;border-radius:0 var(--radius)var(--radius)0;margin:1.5rem 0}.post-list{list-style:none;padding:0}.post-list li{display:flex;flex-wrap:wrap;gap:.25rem .75rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.post-list time{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.recent{margin-top:2.5rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding-block:1.5rem;margin-top:3rem;font-size:.9rem;color:var(--fg-muted)}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 .5rem}.footer-links a{text-decoration:none}.footer-note,.footer-copy{margin:.25rem 0}.content figure.fig{margin:1.25rem 0}.content figure.fig img{display:block;max-width:100%;height:auto;margin-inline:auto}.content figure.fig figcaption{margin-top:.4rem;font-size:.85rem;color:var(--fg-muted)}.content figure.fig .fig-title{color:var(--fg)}.content figure.fig-center{margin-inline:auto}.content figure.fig-left{float:left;width:40%;margin:.25rem 1.25rem 1rem 0}.content figure.fig-right{float:right;width:40%;margin:.25rem 0 1rem 1.25rem}.content::after{content:"";display:table;clear:both}@media(max-width:40rem){.content figure.fig-left,.content figure.fig-right{float:none;width:auto!important;margin:1rem 0}}.archive-year{margin-top:2rem}.archive-year h2{font-size:1.15rem;padding-bottom:.25rem;border-bottom:2px solid var(--accent);display:inline-block}