/* Initial local stylesheet. Rebuild from static/src/css/tailwind.css after npm install. */
:root { --surface:#f6f8fa; --paper:#fff; --ink:#162432; --muted:#61717f; --line:#d9e1e7; --accent:#405a6e; --focus:#1f6c9c; }
html { color-scheme:light; }
body { margin:0; background:var(--surface); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.5; text-rendering:optimizeLegibility; }
:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.page-shell { width:min(100% - 32px,1240px); margin-inline:auto; }.site-header { background:var(--paper); border-bottom:1px solid var(--line); }.site-header__inner { min-height:64px; display:flex; align-items:center; }.brand { color:var(--ink); font-size:1.0625rem; font-weight:650; letter-spacing:-.02em; text-decoration:none; }.site-main { padding-block:clamp(48px,8vw,104px); }.foundation-intro { max-width:650px; }.foundation-intro__kicker { margin:0 0 12px; color:var(--accent); font-size:.875rem; font-weight:600; }.foundation-intro h1 { margin:0; font-size:clamp(2rem,5vw,3.75rem); font-weight:650; letter-spacing:-.045em; line-height:1.06; }.foundation-intro p:not(.foundation-intro__kicker) { max-width:58ch; margin:20px 0 0; color:var(--muted); }.skip-link { position:fixed; top:12px; left:12px; z-index:10; padding:8px 12px; background:var(--ink); color:#fff; transform:translateY(-160%); }.skip-link:focus { transform:translateY(0); }
@media (max-width:640px) { .page-shell { width:min(100% - 24px,1240px); } }