@import "https://fonts.googleapis.com/css2?family=Inter:wght@300..900&display=swap";:root{--bg: hsl(0, 0%, 9%);--accent: hsl(0, 0%, 17%);--accent-hover: hsl(0, 0%, 19%);--surface: hsl(0, 0%, 11%);--surface-2: var(--accent);--text-bright-high: hsl(0, 0%, 96%);--text-bright-low: hsl(0, 0%, 80%);--text-dim-high: hsl(0, 0%, 60%);--text-dim-low: hsl(0, 0%, 52%);--text-link: #4493f8;--border: hsl(0, 0%, 14%);--focus: var(--accent);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--lh-body: 1.6;--fs-body-min: 16px;--fs-body-vw: 0.9vw;--fs-body-add: 14px;--fs-body-max: 18px;--fs-body-xs: 12px;--fs-body-sm: 14px;--fs-body-md: 16px;--fs-body-lg: 18px;--fs-body-xl: 20px;--fs-h1-min: 34px;--fs-h1-vw: 4.2vw;--fs-h1-max: 46px;--fs-h2-min: 26px;--fs-h2-vw: 3.2vw;--fs-h2-max: 34px;--fs-h3-min: 20px;--fs-h3-vw: 2.2vw;--fs-h3-max: 24px;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--mb-h1: var(--space-5);--mb-h2: var(--space-4);--mb-h3: var(--space-3);--mb-p: var(--space-6);--num-features: "tnum" 1, "lnum" 1;--gap: 16px;--gap-lg: 24px;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-2xl: 28px;--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 16px 44px rgba(0,0,0,.45);--container: 800px;--bp-md: 900px;--bp-lg: 1200px;--dur-100: 120ms;--dur-200: 200ms;--dur-300: 320ms;--ease: cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--sidebar-w: 280px}body{background:var(--bg)}a{color:var(--text-link);text-decoration:none}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 10px;background:var(--surface);border-radius:8px;outline:2px solid var(--accent)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:24px 10px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:0px;justify-content:space-between}#content{width:calc(100vw - var(--sidebar-w));margin-left:var(--sidebar-w)}.container{max-width:var(--container);margin-inline:auto;margin-top:96px}.hero{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.hero__content{display:flex;flex-direction:column;width:60%}.hero__image{display:flex;flex-direction:column;background-color:var(--accent);width:250px;height:300px;border-radius:16px}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:transform .2s ease, border-color .2s ease}.card:hover,.card:focus-within{border-color:var(--accent)}.card__title{color:var(--text-bright-high)}.card__desc{color:var(--text-dim-low)}@media (max-width: 1200px){:root{--sidebar-w: 250px}}@media (max-width: 1024px){:root{--sidebar-w: 220px}}@media (max-width: 720px){.sidebar{position:static;width:auto;height:auto}#content{width:100vw;margin-left:0}.container{margin-inline:auto}}.site-nav{flex:1}.site-nav .nav-section{color:var(--text-dim-low);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:16px 16px 8px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--text-dim-high);border:1px solid transparent}.nav-link:hover,.nav-link:focus{color:var(--text-bright-high);background:var(--accent);border-color:var(--border);text-decoration:none}.nav-emoji{width:20px;display:inline-flex;justify-content:center}.nav-title{font-weight:500}.spacer{flex:1}.badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;font-size:12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim-low)}.kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-size:12px;padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;background:var(--surface-2);color:var(--text-dim-high)}.ext{margin-left:6px;opacity:.7}a{color:var(--accent);transition:color var(--dur-100) var(--ease),opacity var(--dur-100) var(--ease)}a:hover,a:focus{text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-bright-low);text-decoration:none;transition:transform var(--dur-100) var(--ease),border-color var(--dur-100) var(--ease)}.btn:hover{color:var(--text-bright-high)}.btn--primary{background:var(--accent);color:var(--text-bright-low);border-color:#383838}.btn--primary:hover{background:var(--accent-hover)}.sg-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:var(--space-6)}.sg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.sg-chip{display:inline-block;padding:.25rem .5rem;border:1px solid var(--border);border-radius:16px;color:var(--text-dim-high);background-color:var(--surface)}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}.sidebar{overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scrollbar-gutter:stable both-edges}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#2a3443;border-radius:10px;border:2px solid transparent}.sidebar:hover::-webkit-scrollbar-thumb,.sidebar:focus-within::-webkit-scrollbar-thumb{background-color:var(--surface-2)}.sidebar::-webkit-scrollbar-thumb{background-color:transparent}.sidebar:hover::-webkit-scrollbar-thumb,.sidebar:focus-within::-webkit-scrollbar-thumb{background-color:#3a4659}.sidebar{overflow:hidden auto;position:fixed}.brand{display:flex;flex:1}.brand .brand__logo{width:40px;height:40px;background-color:var(--accent);border-radius:12px;margin-right:12px}.brand .brand__text p:first-child{font-size:var(--fs-body-max);font-weight:600;margin:0;line-height:1.2;color:var(--text-bright-high)}.brand .brand__text p:last-child{font-size:var(--fs-body-xs);font-weight:500;margin:var(--space-1) 0 0 0;line-height:1.2;color:var(--text-bright-low)}.sidebar .brand{position:sticky;top:0;z-index:20;margin:-24px -24px 12px;padding:32px 32px;border-bottom:1px solid var(--border);background:var(--surface)}.brand-container{position:sticky;top:0;z-index:20}.sidebar .brand::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(to bottom, rgba(0,0,0,0.18), transparent);pointer-events:none}@media (max-width: 720px){.sidebar .brand{position:static;margin:0 0 12px;padding:0;border-bottom:none}}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-dim-high);font-size:clamp(16px, calc(0.9vw + 12px), 18px);line-height:var(--lh-body);font-size:clamp(var(--fs-body-min), calc(var(--fs-body-vw) + var(--fs-body-add)), var(--fs-body-max))}:where(h1, h2, h3, h4, h5, h6){line-height:1.15;margin:0 0 var(--space-4);font-family:var(--font-sans);font-weight:700;color:var(--text-bright-high)}:where(h4, h5, h6){font-weight:600}h1{font-size:clamp(var(--fs-h1-min), var(--fs-h1-vw), var(--fs-h1-max));margin-bottom:var(--mb-h1)}h2{font-size:clamp(var(--fs-h2-min), var(--fs-h2-vw), var(--fs-h2-max));margin-bottom:var(--mb-h2)}h3{font-size:clamp(var(--fs-h3-min), var(--fs-h3-vw), var(--fs-h3-max));margin-bottom:var(--mb-h3)}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px;letter-spacing:.02em;color:var(--text-dim-high)}p{margin:0 0 var(--mb-p);color:var(--text-dim-high)}p{margin:0 0 var(--space-5)}a{color:var(--text-link)}.lead{font-size:clamp(18px, calc(1.2vw + 14px), 22px);color:var(--text-bright-low)}.muted{color:var(--text-dim-low)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--text-dim)}code,kbd,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}code{background:#0c1116;border:1px solid var(--border);border-radius:8px;padding:0 .35em}pre{background:#0c1116;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);overflow:auto}pre code{background:transparent;border:0;padding:0}.code,code,pre,table{font-feature-settings:var(--num-features)}.code,code,pre{background:var(--surface-2);color:var(--text-bright-low)}hr{border:0;border-top:1px solid var(--surface-2);margin:var(--space-8) 0}