:root{--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#f5f6f4;--neutral-200:#e6e8e3;--neutral-300:#d6d9d3;--neutral-600:#6f756f;--neutral-800:#3e443e;--neutral-900:#0b0d0b;--green-50:#e7f1eb;--green-600:#1f5e3b;--green-700:#184c30;--accent-moss:#6f8f7b;--accent-soil:#6a6258;--accent-leaf:#f0f5f2;--red-50:#f9eaea;--red-200:#e8b0b0;--red-600:#8b2e2e;--red-700:#6f2323;--amber-50:#fef3e2;--amber-200:#f5d68c;--amber-600:#8c5e10;--amber-700:#704b0c;--blue-50:#e8f0f8;--blue-200:#a8c6de;--blue-600:#1b5278;--blue-700:#16436a;--green-200:#b8d8c2;--surface-primary:var(--neutral-0);--surface-muted:var(--neutral-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-800);--border-subtle:var(--neutral-300);--border-strong:var(--neutral-600);--action-primary:var(--green-600);--action-hover:var(--green-700);--action-subtle:var(--green-50);--color-error:var(--red-600);--color-error-strong:var(--red-700);--color-surface:var(--surface-primary);--color-surface-muted:var(--surface-muted);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-border:var(--border-subtle);--color-border-strong:var(--border-strong);--color-primary:var(--action-primary);--color-primary-hover:var(--action-hover);--color-primary-subtle:var(--action-subtle);--color-selection:var(--color-primary);--color-selection-contrast:#fff;--color-focus-ring:#1f5e3b73;--color-accent-moss:var(--accent-moss);--color-accent-soil:var(--accent-soil);--color-accent-leaf:var(--accent-leaf);--font-sans:var(--font-sans-face),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";--text-1:12px;--text-2:14px;--text-3:16px;--text-4:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--shadow-1:0 1px 2px #00000014;--control-height:44px;--control-padding-x:var(--space-3);--control-radius:var(--radius-sm);--control-font-size:var(--type-body-size);--button-primary-bg:var(--color-primary);--button-primary-bg-hover:var(--color-primary-hover);--button-primary-text:#fff;--button-secondary-bg:transparent;--button-secondary-bg-hover:#0000000d;--button-secondary-text:var(--color-text);--button-secondary-border:var(--color-border);--button-ghost-bg:transparent;--button-ghost-bg-hover:#0000000d;--button-ghost-text:var(--color-text);--input-bg:var(--color-surface);--input-text:var(--color-text);--input-placeholder:var(--color-text-muted);--input-border:var(--color-border-strong);--input-border-hover:var(--color-border-strong);--input-focus-ring:var(--color-focus-ring);--input-disabled-bg:var(--color-surface-muted);--input-disabled-text:var(--color-text-muted);--input-error-border:var(--color-error);--input-error-ring:#8b2e2e59;--dropdown-trigger-bg:var(--color-surface);--dropdown-trigger-text:var(--color-text);--dropdown-trigger-border:var(--color-border-strong);--dropdown-menu-bg:var(--color-surface);--dropdown-menu-border:var(--color-border);--dropdown-menu-shadow:var(--shadow-1);--dropdown-item-bg-hover:var(--color-primary-subtle);--dropdown-item-text:var(--color-text);--dropdown-item-text-muted:var(--color-text-muted);--dropdown-selected-icon:var(--color-primary);--badge-neutral-bg:var(--neutral-100);--badge-neutral-text:var(--neutral-800);--badge-neutral-border:var(--neutral-200);--badge-success-bg:var(--green-50);--badge-success-text:var(--green-600);--badge-success-border:var(--green-200);--badge-warning-bg:var(--amber-50);--badge-warning-text:var(--amber-600);--badge-warning-border:var(--amber-200);--badge-error-bg:var(--red-50);--badge-error-text:var(--red-600);--badge-error-border:var(--red-200);--badge-info-bg:var(--blue-50);--badge-info-text:var(--blue-600);--badge-info-border:var(--blue-200);--alert-success-bg:var(--green-50);--alert-success-border:var(--green-200);--alert-success-icon:var(--green-600);--alert-warning-bg:var(--amber-50);--alert-warning-border:var(--amber-200);--alert-warning-icon:var(--amber-600);--alert-error-bg:var(--red-50);--alert-error-border:var(--red-200);--alert-error-icon:var(--red-600);--alert-info-bg:var(--blue-50);--alert-info-border:var(--blue-200);--alert-info-icon:var(--blue-600);--link-text:var(--color-primary);--link-text-hover:var(--color-primary-hover);--link-underline:currentColor;--link-subtle-text:var(--color-text);--link-subtle-text-hover:var(--color-primary-hover);--link-focus-ring:var(--color-focus-ring)}html[data-theme=dark],[data-theme=dark]{--neutral-0:#0b0d0b;--neutral-50:#121412;--neutral-100:#161916;--neutral-200:#1e221e;--neutral-300:#2a2f2a;--neutral-600:#8b948b;--neutral-800:#cfd6cf;--neutral-900:#fff;--green-50:#102417;--green-600:#2a7a4a;--green-700:#22643e;--accent-moss:#88a693;--accent-soil:#8a7f72;--accent-leaf:#161916;--color-focus-ring:#2a7a4a8c;--red-600:#e28a8a;--red-700:#cf6e6e;--input-error-ring:#e28a8a8c;--button-secondary-bg-hover:#ffffff14;--button-ghost-bg-hover:#ffffff14;--color-selection:#3fa86a;--color-selection-contrast:#0b0d0b;--dropdown-menu-shadow:0 10px 24px #00000059;--amber-50:#241a05;--amber-200:#6b450d;--amber-600:#e6a93b;--amber-700:#d4952e;--blue-50:#0c1d2e;--blue-200:#2d5878;--blue-600:#5fa3d0;--blue-700:#4a88b8;--red-50:#2a0d0d;--red-200:#8a3030;--green-200:#1a4d2a}[data-theme=light]{--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#f5f6f4;--neutral-200:#e6e8e3;--neutral-300:#d6d9d3;--neutral-600:#6f756f;--neutral-800:#3e443e;--neutral-900:#0b0d0b;--green-50:#e7f1eb;--green-600:#1f5e3b;--green-700:#184c30;--green-200:#b8d8c2;--accent-moss:#6f8f7b;--accent-soil:#6a6258;--accent-leaf:#f0f5f2;--red-50:#f9eaea;--red-200:#e8b0b0;--red-600:#8b2e2e;--red-700:#6f2323;--amber-50:#fef3e2;--amber-200:#f5d68c;--amber-600:#8c5e10;--amber-700:#704b0c;--blue-50:#e8f0f8;--blue-200:#a8c6de;--blue-600:#1b5278;--blue-700:#16436a;--color-focus-ring:#1f5e3b73;--input-error-ring:#8b2e2e59;--button-secondary-bg-hover:#0000000d;--button-ghost-bg-hover:#0000000d;--color-selection:var(--green-600);--color-selection-contrast:#fff;--dropdown-menu-shadow:0 1px 2px #00000014}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);margin:0}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--type-bodySm-size)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.skipLink{top:var(--space-2);left:var(--space-2);z-index:1000;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-1);align-items:center;transition:transform .12s;display:inline-flex;position:absolute;transform:translateY(-200%)}.skipLink:focus-visible{transform:translateY(0)}#main-content{scroll-margin-top:56px}
*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);margin:0}.app{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);padding:0 var(--space-4)var(--space-6);background:var(--color-surface);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto;transform:none}.brand{font-family:var(--font-sans);font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6)}.nav{flex:1}.sidebarHeader{background:var(--color-surface);z-index:1;padding-top:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3);position:sticky;top:0}.sidebarHeaderRow{justify-content:space-between;align-items:center;display:flex}.sidebarClose{display:none}.sidebarFooter{padding-bottom:var(--space-2)}.navGroup{margin-bottom:var(--space-6)}.navLabel{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.navLink{padding:var(--space-2)var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:var(--type-bodySm-size);line-height:var(--type-bodySm-line);font-weight:var(--font-weight-regular);text-decoration:none;display:block}.navLink:hover{background:#0000000d}.navLinkActive{font-weight:var(--font-weight-medium);background:#0000000f}.navDivider{border:none;border-top:1px solid var(--color-border);margin:var(--space-3)0}html[data-theme=dark] .navLinkActive{background:#ffffff14}html[data-theme=dark] .navLink:hover{background:#ffffff0f}.content{padding:var(--space-10)var(--space-8)}.content h1{font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.content h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line);font-weight:var(--font-weight-semibold);margin:var(--space-4)0 var(--space-4)}.card h2{margin-top:var(--space-4)}.card h2:first-child{margin-top:0}.content p{color:var(--color-text);font-size:var(--type-body-size);line-height:1.6;font-weight:var(--font-weight-regular);margin:0 0 var(--space-4)}.content h1,.content h2,.content p{max-width:720px}.content>div{margin-bottom:var(--space-6)}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-1);background:var(--color-surface)}.swatchCard{margin-top:var(--space-6)}.swatchCard h3{margin-bottom:var(--space-1)}.swatchCard p{margin-top:0;margin-bottom:var(--space-4)}.swatchGrid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:900px){.swatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.swatchGrid{grid-template-columns:1fr}}.swatchTile{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface);align-items:center;display:flex}.swatchChip{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex:none;width:44px;height:44px}.swatchMeta{min-width:0;overflow:hidden}.swatchLabel{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--font-weight-semibold);color:var(--color-text)}.swatchVar{font-family:var(--font-mono);font-size:var(--type-caption-size);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);color:var(--color-text);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.content code{font-family:var(--font-mono);font-size:var(--type-caption-size);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);color:var(--color-text);align-items:center;line-height:1;display:inline-flex}.mobileHeader{display:none}.hamburger{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:flex}.hamburgerLine{background:var(--color-text);border-radius:1px;width:100%;height:2px;display:block}.mobileTitle{font-weight:var(--font-weight-semibold);font-size:var(--type-body-size);color:var(--color-text)}@media (max-width:1024px){.mobileHeader{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;display:flex;position:sticky;top:0}.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{z-index:200;-webkit-overflow-scrolling:touch;width:100%;height:100dvh;padding:0 var(--space-4)var(--space-6);background:var(--color-surface);border-right:none;transition:transform .25s;display:block;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebarHeader{background:var(--color-surface);z-index:1;padding:var(--space-6)var(--space-4)var(--space-3);margin:0 calc(-1*var(--space-4));width:calc(100% + 2*var(--space-4));border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3);position:sticky;top:0}.nav{flex:none}[data-mobile-nav=open] .sidebar{transform:translate(0)}.sidebarClose{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-text);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.content{padding:var(--space-6)var(--space-4)}}
:root{--font-sans:var(--font-sans-face),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--font-mono:var(--font-mono-face),"Courier New",Consolas,monospace;--font-display:var(--font-display-face),Georgia,"Times New Roman",serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--type-display-size:2.5rem;--type-display-line:1.2;--type-h1-size:2rem;--type-h1-line:1.25;--type-h2-size:1.5rem;--type-h2-line:1.33333;--type-h3-size:1.25rem;--type-h3-line:1.4;--type-h4-size:1rem;--type-h4-line:1.5;--type-body-size:1rem;--type-body-line:1.5;--type-bodySm-size:.875rem;--type-bodySm-line:1.42857;--type-label-size:.8125rem;--type-label-line:1.23077;--type-caption-size:.75rem;--type-caption-line:1.33333}.gh-text{font-family:var(--font-sans);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.gh-h1{font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:var(--font-weight-semibold)}.gh-h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line);font-weight:var(--font-weight-semibold)}.gh-h3{font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:var(--font-weight-semibold)}.gh-h4{font-size:var(--type-h4-size);line-height:var(--type-h4-line);font-weight:var(--font-weight-semibold)}.gh-body{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--font-weight-regular)}.gh-bodyMedium{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--font-weight-medium)}.gh-bodySm{font-size:var(--type-bodySm-size);line-height:var(--type-bodySm-line);font-weight:var(--font-weight-regular)}.gh-bodySmMedium{font-size:var(--type-bodySm-size);line-height:var(--type-bodySm-line);font-weight:var(--font-weight-medium)}.gh-label{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--font-weight-medium)}.gh-labelStrong{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--font-weight-semibold)}.gh-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--font-weight-regular)}.gh-display{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-display-size)!important;line-height:var(--type-display-line)!important}.gh-heading-display{font-family:var(--font-display);font-weight:var(--font-weight-medium)}.gh-code{font-family:var(--font-mono);font-size:var(--type-bodySm-size);line-height:var(--type-bodySm-line)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}.gh-spaceBeforeH1{margin-top:var(--space-8)}.gh-spaceAfterH1{margin-bottom:var(--space-4)}.gh-spaceBeforeH2{margin-top:var(--space-6)}.gh-spaceAfterH2{margin-bottom:var(--space-3)}.gh-spaceBeforeH3{margin-top:var(--space-4)}.gh-spaceAfterH3{margin-bottom:var(--space-2)}.gh-spaceBeforeH4{margin-top:var(--space-4)}.gh-spaceAfterH4{margin-bottom:var(--space-2)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}.gh-stack-4>*+*{margin-top:var(--space-1)}.gh-stack-8>*+*{margin-top:var(--space-2)}.gh-stack-12>*+*{margin-top:var(--space-3)}.gh-stack-16>*+*{margin-top:var(--space-4)}.gh-stack-24>*+*{margin-top:var(--space-6)}.gh-stack-32>*+*,.gh-spaceBeforeH1{margin-top:var(--space-8)}.gh-spaceAfterH1{margin-bottom:var(--space-4)}.gh-spaceBeforeH2{margin-top:var(--space-6)}.gh-spaceAfterH2{margin-bottom:var(--space-3)}.gh-spaceBeforeH3{margin-top:var(--space-4)}.gh-spaceAfterH3{margin-bottom:var(--space-2)}.gh-spaceBeforeH4{margin-top:var(--space-4)}.gh-spaceAfterH4{margin-bottom:var(--space-2)}.gh-paragraph+.gh-paragraph{margin-top:var(--space-3)}.gh-section+.gh-section{margin-top:var(--space-8)}.gh-list>*+*{margin-top:var(--space-2)}
.gh-stack-4>*+*{margin-top:var(--space-1)}.gh-stack-8>*+*{margin-top:var(--space-2)}.gh-stack-12>*+*{margin-top:var(--space-3)}.gh-stack-16>*+*{margin-top:var(--space-4)}.gh-stack-24>*+*{margin-top:var(--space-6)}.gh-stack-32>*+*,.gh-spaceBeforeH1{margin-top:var(--space-8)}.gh-spaceAfterH1{margin-bottom:var(--space-4)}.gh-spaceBeforeH2{margin-top:var(--space-6)}.gh-spaceAfterH2{margin-bottom:var(--space-3)}.gh-spaceBeforeH3{margin-top:var(--space-4)}.gh-spaceAfterH3{margin-bottom:var(--space-2)}.gh-spaceBeforeH4{margin-top:var(--space-4)}.gh-spaceAfterH4{margin-bottom:var(--space-2)}.gh-paragraph+.gh-paragraph{margin-top:var(--space-3)}.gh-list>*+*{margin-top:var(--space-2)}.gh-listGroup+.gh-listGroup{margin-top:var(--space-4)}.gh-section+.gh-section{margin-top:var(--space-8)}
.SidebarNav-module__zdTBaq__searchInput{width:100%;height:32px;font-size:var(--type-bodySm-size)}.SidebarNav-module__zdTBaq__results{padding:var(--space-0);flex-direction:column;display:flex}.SidebarNav-module__zdTBaq__empty{font-size:var(--type-bodySm-size);color:var(--color-text-muted);margin:0}.SidebarNav-module__zdTBaq__result{gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text);flex-direction:column;text-decoration:none;transition:background .12s;display:flex}.SidebarNav-module__zdTBaq__result:hover{background:var(--color-surface-muted)}.SidebarNav-module__zdTBaq__resultLabel{font-size:var(--type-bodySm-size);font-weight:var(--font-weight-medium)}.SidebarNav-module__zdTBaq__resultSection{font-size:var(--type-caption-size);color:var(--color-text-muted)}