:root{--kn0-void: #0D1117;--kn1-iron: #374151;--kn2-slate: #4B5563;--kn3-ash: #6B7280;--bs0-sand: #E4E2DA;--bs1-linen: #EEEDE9;--bs2-parchment: #F5F4F0;--fr0-sage: #5C9E86;--fr1-fern: #3E7A62;--fr2-forest: #2D5E4A;--fr3-deepwater: #254D5A;--bl0-ember: #C5414C;--bl1-ochre: #AB5A2B;--bl2-grain: #8D6B20;--bl3-moss: #567A37;--bl4-heather: #885DB4}:root{--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.5rem;--space-lg: 2.25rem;--space-xl: 3rem;--space-2xl: 3.75rem;--space-3xl: 4.5rem;--space-4xl: 6rem;--width-content: 1080px;--width-prose: 70ch;--width-narrow: 640px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--z-base: 0;--z-raised: 1;--z-content: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}:root,[data-theme=light]{--color-bg: var(--bs2-parchment);--color-bg-elevated: var(--bs1-linen);--color-bg-sunken: var(--bs0-sand);--color-text: var(--kn0-void);--color-text-secondary: var(--kn2-slate);--color-text-tertiary: var(--kn3-ash);--color-border: var(--kn1-iron);--color-border-subtle: rgba(55,65,81,.12);--color-ghost-border: rgba(55,65,81,.25);--color-bg-code: var(--fr3-deepwater);--color-accent: var(--fr1-fern);--color-accent-hover: var(--fr2-forest);--color-accent-text: var(--bs2-parchment)}[data-theme=dark]{--color-bg: var(--kn0-void);--color-bg-elevated: var(--kn1-iron);--color-bg-sunken: var(--kn2-slate);--color-text: var(--bs2-parchment);--color-text-secondary: var(--bs0-sand);--color-text-tertiary: var(--kn3-ash);--color-border: var(--kn2-slate);--color-border-subtle: rgba(75,85,99,.25);--color-ghost-border: rgba(245,244,240,.25);--color-bg-code: var(--fr3-deepwater);--color-accent: var(--fr0-sage);--color-accent-hover: var(--fr1-fern);--color-accent-text: var(--bs2-parchment)}[data-surface=light]{background:var(--bs2-parchment);--color-bg: var(--bs2-parchment);--color-bg-elevated: var(--bs1-linen);--color-bg-sunken: var(--bs0-sand);--color-text: var(--kn0-void);--color-text-secondary: var(--kn2-slate);--color-text-tertiary: var(--kn3-ash);--color-border: var(--kn1-iron);--color-border-subtle: rgba(55,65,81,.12);--color-ghost-border: rgba(55,65,81,.25);--color-bg-code: var(--fr3-deepwater);--color-accent: var(--fr1-fern);--color-accent-hover: var(--fr2-forest);--color-accent-text: var(--bs2-parchment)}[data-surface=dark]{background:var(--kn0-void);--color-bg: var(--kn0-void);--color-bg-elevated: var(--kn1-iron);--color-bg-sunken: var(--kn2-slate);--color-text: var(--bs2-parchment);--color-text-secondary: var(--bs0-sand);--color-text-tertiary: var(--kn3-ash);--color-border: var(--kn2-slate);--color-border-subtle: rgba(75,85,99,.25);--color-ghost-border: rgba(245,244,240,.25);--color-bg-code: var(--fr3-deepwater);--color-accent: var(--fr0-sage);--color-accent-hover: var(--fr1-fern);--color-accent-text: var(--bs2-parchment)}[data-surface=tinted]{background:var(--bs1-linen);--color-bg: var(--bs1-linen);--color-bg-elevated: var(--bs2-parchment);--color-bg-sunken: var(--bs0-sand);--color-text: var(--kn0-void);--color-text-secondary: var(--kn2-slate);--color-text-tertiary: var(--kn3-ash);--color-border: var(--kn1-iron);--color-border-subtle: rgba(55,65,81,.12);--color-ghost-border: rgba(55,65,81,.25);--color-bg-code: var(--fr3-deepwater);--color-accent: var(--fr1-fern);--color-accent-hover: var(--fr2-forest);--color-accent-text: var(--bs2-parchment)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.7;background:var(--color-bg);color:var(--color-text);transition:background-color .2s ease,color .2s ease}img{max-width:100%;display:block}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:inherit}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}.container{width:100%;max-width:var(--width-content);margin:0 auto;padding:0 var(--space-lg)}@media(max-width:640px){.container{padding:0 var(--space-md)}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-dropdown);transition:background-color .2s ease,border-color .2s ease,transform .25s ease;background:transparent;border-bottom:1px solid transparent}.nav.filled{background:var(--color-bg);border-bottom-color:#37415133}[data-theme=dark] .nav.filled{border-bottom-color:#4b556366}.nav.hidden{transform:translateY(-100%);border-bottom-color:transparent!important}.nav-inner{max-width:var(--width-content);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:flex-start}.nav-logo{font-family:var(--font-display);font-size:22px;font-weight:800;font-variation-settings:"opsz" 20;color:var(--bs2-parchment);text-decoration:none;letter-spacing:-.02em;transition:color .2s ease}.nav-logo span{color:var(--fr0-sage)}.nav.filled .nav-logo{color:var(--color-text)}.nav.filled .nav-logo span{color:var(--color-accent)}.nav-logo-icon{height:1.25em;width:auto;display:inline-block;vertical-align:middle;margin-right:.35em}.nav-links{display:flex;align-items:center;gap:var(--space-md);list-style:none;padding:0;margin:0 0 0 auto}@media(max-width:640px){.nav-links{display:none}}.nav-links a{font-size:14px;font-weight:500;color:#f5f4f0b3;text-decoration:none;transition:color .12s ease}.nav-links a:hover{color:var(--bs2-parchment);font-weight:600}.nav-links a.active{color:var(--fr0-sage);font-weight:600}.nav.filled .nav-links a{color:var(--color-text-secondary)}.nav.filled .nav-links a:hover,.nav.filled .nav-links a.active{color:var(--color-accent);font-weight:600}.nav-right{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-sm)}.theme-toggle{width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#f5f4f099;font-size:20px;transition:background-color .12s ease,color .12s ease}.theme-toggle:hover{background:#f5f4f01a;color:var(--bs2-parchment)}.nav.filled .theme-toggle{color:var(--kn3-ash)}.nav.filled .theme-toggle:hover{background:var(--color-bg-elevated);color:var(--color-text)}.github-link{width:36px;height:36px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#f5f4f099;font-size:20px;text-decoration:none;transition:background-color .12s ease,color .12s ease}.github-link:hover{background:#f5f4f01a;color:var(--bs2-parchment)}.nav.filled .github-link{color:var(--kn3-ash)}.nav.filled .github-link:hover{background:var(--color-bg-elevated);color:var(--color-text)}.nav-cta{height:36px;padding:0 16px;margin-left:var(--space-xs);background:transparent;color:var(--bs2-parchment);border-radius:var(--radius-md);border:1.5px solid rgba(245,244,240,.35);font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:background-color .12s ease,border-color .12s ease}.nav-cta:hover{background:#f5f4f01a;border-color:#f5f4f099;color:var(--bs2-parchment)}.nav.filled .nav-cta{background:var(--color-accent);color:var(--color-accent-text);border-color:transparent}.nav.filled .nav-cta:hover{background:var(--color-accent-hover);color:var(--bs2-parchment)}.hamburger{display:none;width:36px;height:36px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center;border-radius:var(--radius-md);color:var(--color-text);font-size:22px}@media(max-width:640px){.hamburger{display:flex}}.mobile-drawer{position:fixed;top:0;left:0;right:0;background:var(--color-bg);z-index:var(--z-overlay);transform:translateY(calc(-100% - 2px));transition:transform .25s ease;border-bottom:1px solid var(--color-border-subtle)}.mobile-drawer.open{transform:translateY(var(--nav-height))}.mobile-drawer a{display:flex;align-items:center;height:52px;padding:0 var(--space-md);font-size:16px;font-weight:500;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border-subtle);transition:background .12s ease,color .12s ease}.mobile-drawer a:hover{background:var(--color-bg-elevated);color:var(--color-accent)}.mobile-drawer .drawer-cta{margin:var(--space-md);height:48px;background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.mobile-drawer .drawer-cta:hover{background:var(--color-accent-hover);border-bottom:none}:root{--nav-height: 64px;--subnav-height: 44px;--scroll-offset: calc(var(--nav-height) + var(--subnav-height))}.sub-nav{position:sticky;top:var(--nav-height);z-index:var(--z-content);background:transparent;border-bottom:1px solid rgba(75,85,99,.25);height:var(--subnav-height);overflow-x:auto;scrollbar-width:none;transition:transform .25s ease,background-color .2s ease,border-color .2s ease}.sub-nav.hidden{transform:translateY(calc(-1 * var(--nav-height)))}.sub-nav::-webkit-scrollbar{display:none}.sub-nav-inner{max-width:var(--width-content);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:stretch;position:relative;height:100%}.sub-nav-link{padding:0 16px;font-size:14px;font-weight:500;color:#f5f4f099;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;border-bottom:2px solid transparent;transition:color .12s ease}.sub-nav-link:hover{color:var(--bs2-parchment)}.sub-nav-link.active{color:var(--bs2-parchment);font-weight:600}.sub-nav-indicator{position:absolute;bottom:0;height:2px;background:var(--color-accent);transition:left .2s ease-out,width .2s ease-out;pointer-events:none}.sub-nav.filled{background:var(--color-bg);border-bottom-color:var(--color-border-subtle)}.sub-nav.filled .sub-nav-link{color:var(--color-text-secondary)}.sub-nav.filled .sub-nav-link:hover,.sub-nav.filled .sub-nav-link.active{color:var(--color-text);font-weight:600}.section-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.section-title{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:700;font-variation-settings:"opsz" 36;letter-spacing:-.02em;line-height:1.15;color:var(--color-text);margin-bottom:var(--space-md)}.section-desc{font-size:17px;line-height:1.7;color:var(--color-text-secondary);max-width:60ch;margin-bottom:var(--space-xl)}.page-header{padding:var(--space-4xl) 0 var(--space-3xl);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-3xl)}.page-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.page-title{font-family:var(--font-display);font-size:clamp(36px,6vw,64px);font-weight:800;font-variation-settings:"opsz" 72;letter-spacing:-.03em;line-height:1.05;color:var(--color-text);margin-bottom:var(--space-md)}.page-title em{font-style:italic;color:var(--color-accent)}.page-desc{font-size:17px;line-height:1.7;color:var(--color-text-secondary);max-width:65ch}.btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;font-family:var(--font-body);font-size:13px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:background-color .12s ease,transform 80ms ease;line-height:1}.btn:active{transform:scale(.98)}.btn-p{background:var(--color-accent);color:var(--color-accent-text)}.btn-p:hover{background:var(--color-accent-hover);color:var(--bs2-parchment)}.btn-s{background:var(--color-bg-sunken);color:var(--color-text)}.btn-s:hover{background:var(--color-bg-elevated)}[data-theme=dark] .btn-s:hover,[data-surface=dark] .btn-s:hover{background:var(--kn3-ash)}.btn-g{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.btn-g:hover{background:var(--color-bg-elevated)}.btn-d{background:var(--bl0-ember);color:var(--bs2-parchment)}.btn-d:hover{background:#a8343e}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-lg{height:48px;padding:0 20px;font-size:14px}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.04em}.badge-neutral{background:var(--bs0-sand);color:var(--kn1-iron)}[data-theme=dark] .badge-neutral{background:var(--kn1-iron);color:var(--bs0-sand)}.badge-forest{background:#3e7a621f;color:var(--fr2-forest)}[data-theme=dark] .badge-forest{background:#5c9e8626;color:var(--fr0-sage)}.badge-moss{background:#567a371f;color:#3a5523}[data-theme=dark] .badge-moss{background:#567a3726;color:#7aad52}.badge-grain{background:#8d6b201f;color:#6b4e17}[data-theme=dark] .badge-grain{background:#8d6b2026;color:#c4943a}.badge-ember{background:#c5414c1a;color:#9b2f38}[data-theme=dark] .badge-ember{background:#c5414c26;color:#e06870}.badge-heather{background:#885db41f;color:#5e3d8a}[data-theme=dark] .badge-heather{background:#885db426;color:#aa82d4}.reveal{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:60ms}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-footer{padding:var(--space-3xl) 0 var(--space-xl)}.footer-inner{max-width:var(--width-content);margin:0 auto;padding:0 var(--space-lg)}.footer-top{margin-bottom:var(--space-xl)}.footer-logo{font-family:var(--font-display);font-size:28px;font-weight:800;font-variation-settings:"opsz" 28;color:var(--color-text);margin-bottom:var(--space-xs)}.footer-logo span{color:var(--fr1-fern)}.footer-tagline{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.footer-nav{display:flex;gap:var(--space-md);flex-wrap:wrap}.footer-nav a{font-size:14px;color:var(--color-text-tertiary);text-decoration:none;transition:color .12s ease;white-space:nowrap}.footer-nav a:hover{color:var(--color-text-secondary)}.footer-hr{border:none;border-top:1px solid var(--color-border-subtle);margin:0 0 var(--space-lg)}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.footer-copy{font-size:12px;color:var(--color-text-tertiary)}.footer-links{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.footer-links a{font-size:12px;color:var(--color-text-tertiary);text-decoration:none;transition:color .12s ease;white-space:nowrap}.footer-links a:hover{color:var(--color-text-secondary)}.doc-main{padding-top:var(--nav-height);min-height:100vh}.doc-container{max-width:var(--width-content);margin:0 auto;padding:var(--space-3xl) var(--space-lg) var(--space-4xl)}.doc-container h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,5vw,4rem);font-variation-settings:"opsz" 72;letter-spacing:-.02em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-md)}.doc-container h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);font-variation-settings:"opsz" 24;letter-spacing:-.02em;line-height:1.2;color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.doc-container h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.35rem);font-variation-settings:"opsz" 20;letter-spacing:-.01em;color:var(--color-text);margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.doc-container p{max-width:var(--width-prose);margin-bottom:var(--space-md);color:var(--color-text-secondary);line-height:1.7}.doc-container code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-sunken);padding:2px 6px;border-radius:var(--radius-sm)}.doc-container pre{font-family:var(--font-mono);font-size:.875rem;background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md);max-width:var(--width-prose);line-height:1.6}.doc-container pre code{background:none;padding:0;font-size:inherit}.doc-container ul,.doc-container ol{padding-left:var(--space-md);margin-bottom:var(--space-md);max-width:var(--width-prose);color:var(--color-text-secondary)}.doc-container li{margin-bottom:var(--space-xs);line-height:1.6}.doc-container strong{font-weight:600;color:var(--color-text)}.doc-container table{width:100%;max-width:var(--width-prose);border-collapse:collapse;margin-bottom:var(--space-lg);font-size:.875rem}.doc-container th{text-align:left;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);color:var(--color-text);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}.doc-container td{padding:var(--space-xs) var(--space-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:top;line-height:1.5}.doc-container tr:last-child td{border-bottom:none}.doc-container hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0;max-width:var(--width-prose)}.doc-container blockquote{border-left:3px solid var(--color-accent);padding:var(--space-xs) 0 var(--space-xs) var(--space-md);margin:var(--space-md) 0;max-width:var(--width-prose)}.doc-container blockquote p{color:var(--color-text-secondary);font-style:italic;margin-bottom:0}