:root{color-scheme:light;--ink:#172033;--muted:#5c667a;--line:#e4e8ef;--brand:#2857c5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:18px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}a{color:var(--brand)}.site-header,footer{padding:1.25rem max(1.25rem,calc((100vw - 900px)/2));border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);border-bottom:0;margin-top:4rem}.site-header a{font-weight:750;text-decoration:none;color:var(--ink)}main{max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem}.blog-intro{margin:0 0 2rem}.blog-intro h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.article-card{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.article-card h2{line-height:1.25;margin:.35rem 0}.article-card h2 a{text-decoration:none;color:var(--ink)}.article-card p{margin:.4rem 0;color:var(--muted)}.article-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.subtitle{font-size:1.2rem;color:var(--muted)}time,.byline{font-size:.9rem;color:var(--muted)}.hero-image{display:block;max-width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:16px;margin:0 auto 2rem}.blog-article header{margin-bottom:2rem}.blog-article h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.15;margin:.5rem 0}.article-content{overflow-wrap:anywhere}.article-content img{max-width:100%;height:auto}.article-content pre{overflow:auto;padding:1rem;background:#f4f6fa;border-radius:8px}.article-content blockquote{border-left:4px solid var(--brand);margin-left:0;padding-left:1rem;color:var(--muted)}@media(max-width:560px){.article-card{grid-template-columns:1fr}.article-image{max-height:240px}}