:root{--brand-grad-from: #38BDF8;--brand-grad-to: #22D3EE;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-active: #1E40AF;--accent-soft: #EFF4FF;--accent-ring: rgba(37, 99, 235, .35);--bg: #FFFFFF;--bg-subtle: #F7F9FC;--bg-code: #F6F8FA;--bg-hover: #F1F5F9;--surface: #FFFFFF;--hero-top: #EAF4FF;--hero-bottom: #FBFDFF;--text: #0F172A;--text-body: #1E293B;--text-muted: #475569;--text-subtle: #64748B;--text-on-accent: #FFFFFF;--border: #E2E8F0;--border-strong: #CBD5E1;--border-accent: var(--accent);--ok: #15803D;--ok-bg: #ECFDF5;--ok-border: #A7F3D0;--warn: #B45309;--warn-bg: #FFFBEB;--warn-border: #FDE68A;--info: #1D4ED8;--info-bg: var(--accent-soft);--info-border: #BFDBFE;--danger:#B91C1C;--danger-bg:#FEF2F2;--danger-border:#FECACA;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.333rem;--fs-xl: 1.602rem;--fs-2xl: 2.074rem;--fs-3xl: 2.488rem;--fs-hero: clamp(2.5rem, 8vw, 4rem);--lh-tight: 1.25;--lh-snug: 1.4;--lh-body: 1.65;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold:600;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 3rem;--sp-10: 4rem;--sp-12: 6rem;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1);--nav-w: 256px;--toc-w: 220px;--content-max: 768px;--page-max: 1280px;--header-h: 60px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur: .2s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--sp-4))}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-body);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--accent-soft)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.prose{color:var(--text-body);max-width:var(--content-max)}.prose>*+*{margin-top:var(--sp-4)}.prose h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text)}.prose h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:-.015em;color:var(--text);margin-top:var(--sp-8);padding-top:var(--sp-2)}.prose h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text);margin-top:var(--sp-6)}.prose h2+*,.prose h3+*{margin-top:var(--sp-3)}.prose p,.prose li{line-height:var(--lh-body)}.prose ul,.prose ol{padding-left:var(--sp-5)}.prose li+li{margin-top:var(--sp-2)}.prose strong{color:var(--text);font-weight:var(--fw-semibold)}.prose a{font-weight:var(--fw-medium)}.prose :not(pre)>code{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--r-sm);padding:.12em .4em;color:var(--text);white-space:nowrap}.prose pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);overflow-x:auto;line-height:1.55}.prose pre code{background:none;border:0;padding:0;white-space:pre;color:var(--text)}.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.prose th,.prose td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}.prose thead th{background:var(--bg-subtle);color:var(--text);font-weight:var(--fw-semibold);border-bottom:1px solid var(--border-strong)}.prose blockquote{border-left:3px solid var(--border-strong);padding-left:var(--sp-4);color:var(--text-muted)}.prose hr{border:0;border-top:1px solid var(--border);margin:var(--sp-8) 0}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font:var(--fw-medium) var(--fs-sm)/1 var(--font-body);padding:.7rem 1.1rem;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);text-decoration:none;color:var(--text-on-accent)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--bg-hover);text-decoration:none}.badge{display:inline-flex;align-items:center;gap:.35em;font:var(--fw-medium) var(--fs-xs)/1 var(--font-body);padding:.3em .6em;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-active);border:1px solid var(--info-border)}.callout{border:1px solid var(--info-border);background:var(--info-bg);border-radius:var(--r-md);padding:var(--sp-4);font-size:var(--fs-sm)}.callout.warn{border-color:var(--warn-border);background:var(--warn-bg)}.callout.ok{border-color:var(--ok-border);background:var(--ok-bg)}.callout.danger{border-color:var(--danger-border);background:var(--danger-bg)}.callout>strong{display:block;margin-bottom:var(--sp-1);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}