:root{color-scheme:light;--ink:#17202a;--muted:#52606d;--surface:#fff;--soft:#f2f6f8;--accent:#075985;--line:#d8e1e8;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);line-height:1.75}.skip-link{position:absolute;left:1rem;top:-5rem;padding:.75rem 1rem;background:#fff;color:var(--accent);z-index:10}.skip-link:focus{top:1rem}.site-header,main,footer{width:min(70rem,calc(100% - 2rem));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.site-name{font-size:1.2rem;font-weight:800;color:var(--ink);text-decoration:none}nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:.18em}a:focus-visible,button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}main{padding:3rem 0 5rem}.hero,.page-heading{padding:clamp(2rem,6vw,5rem);background:var(--soft);border-radius:1.25rem}.hero h1,.page-heading h1,.article h1{line-height:1.25;margin:.25rem 0 1rem;font-size:clamp(2rem,6vw,4rem)}section+section{margin-top:4rem}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.14em;color:var(--accent)}.primary-link{display:inline-block;margin-top:1rem;padding:.7rem 1rem;border-radius:.5rem;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}.article-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.article-list article,.empty-state{padding:1.25rem;border:1px solid var(--line);border-radius:.75rem}.article-list h3{margin:.25rem 0}.published{color:var(--muted);font-size:.9rem}.article{max-width:48rem;margin-inline:auto}.lead{font-size:1.15rem;color:var(--muted)}.article-body{margin-top:2.5rem}.article-body h2,.article-body h3{line-height:1.35;margin-top:2em}.article-body pre{overflow:auto;padding:1rem;background:#111827;color:#f9fafb;border-radius:.5rem}footer{padding:2rem 0;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:40rem){.site-header{align-items:flex-start;flex-direction:column}main{padding-top:1.5rem}.hero,.page-heading{padding:1.5rem}}