:root{color-scheme:light;--bg: oklch(96.8% .004 260);--surface: oklch(99.4% .002 260);--surface-muted: oklch(93.6% .006 260);--ink: oklch(17.5% .02 250);--muted: oklch(42% .035 246);--subtle: oklch(55% .025 246);--line: oklch(84.5% .012 252);--line-strong: oklch(72% .018 252);--accent: oklch(45% .13 24);--accent-hover: oklch(38% .135 24);--accent-soft: oklch(93.5% .035 24);--accent-ink: oklch(98.5% .004 24);--focus: oklch(55% .16 250);--radius-sm: 6px;--radius-md: 10px;--z-sticky: 10;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}body::selection{background:var(--accent-soft)}a{color:inherit;text-underline-offset:.18em}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}code{border-radius:4px;background:var(--surface-muted);color:var(--accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em;font-weight:600;padding:.08rem .25rem;word-break:break-word}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:calc(var(--z-sticky) + 1);transform:translateY(-150%);border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-weight:700;padding:.65rem .8rem;text-decoration:none;transition:transform .18s ease-out}.skip-link:focus-visible{transform:translateY(0)}.nav{position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--line);background:var(--bg)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:700;text-decoration:none}.brand-logo{display:block;width:34px;height:34px;flex:0 0 auto}.nav-links{display:flex;align-items:center;gap:.85rem;color:var(--muted);font-size:.92rem;font-weight:600}.nav-links a{border-radius:var(--radius-sm);text-decoration:none}.nav-links a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.62rem .82rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out}.button:hover{background:var(--accent-hover)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.secondary:hover{border-color:var(--line-strong);background:var(--surface-muted)}.section-label{margin:0 0 .55rem;color:var(--accent);font-size:.9rem;font-weight:700}.section{padding:3.5rem 0;border-top:1px solid var(--line)}.section h2{margin:0;max-width:820px;font-size:2rem;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.section-lede{max-width:760px;color:var(--muted);font-size:1rem;line-height:1.65;text-wrap:pretty}.page-header{padding:3.3rem 0 2.4rem}.page-header-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:2rem;align-items:start}.page-header h1{margin:0;max-width:820px;font-size:3rem;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}.lede{max-width:720px;margin:1rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.65;text-wrap:pretty}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.info-panel,.content-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:1rem}.info-panel h2,.content-panel h3{margin:0 0 .7rem;font-size:.98rem;line-height:1.35;letter-spacing:0}.plain-list{margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.65}.plain-list li+li{margin-top:.45rem}.split-layout{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1fr);gap:2rem;align-items:start}.footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 0;font-size:.92rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:760px){.container{width:min(100% - 24px,1180px)}.nav-inner{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap;gap:.75rem}.nav-links .button{width:auto}.section{padding:2.7rem 0}.page-header{padding:2.4rem 0 2rem}.page-header-grid,.split-layout{grid-template-columns:1fr}.page-header h1{font-size:2.35rem}}
