.cs-site{--cs-bar-h:56px;--cs-max:1240px;--cs-measure:68ch;--cs-hair:1px solid var(--comb-color-border-subtle);--cs-grid-line:color-mix(in srgb,var(--comb-color-border-bold) 22%,transparent);min-height:100dvh;display:flex;flex-direction:column;color:var(--comb-color-text);font:var(--comb-font-body-l)}.cs-site ::selection{background:var(--comb-color-bg-brand-subtle);color:var(--comb-color-text)}:where(.cs-site a:not(.kb-btn)){color:inherit;text-underline-offset:3px}.cs-site .cs-sidenav-toggle:focus-visible,.cs-site a:focus-visible,.cs-site summary:focus-visible{outline:2px solid var(--comb-focus-color);outline-offset:2px}.cs-tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cs-muted{color:var(--comb-color-text-subtlest)}.cs-code-inline{font:var(--comb-font-code);color:var(--comb-color-text-subtle);overflow-wrap:anywhere}.cs-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--comb-color-surface-raised);border-bottom:var(--cs-hair)}.cs-topbar-inner{justify-content:space-between;gap:var(--space-4);max-width:var(--cs-max);height:var(--cs-bar-h);margin:0 auto;padding:0 var(--space-6)}.cs-brand,.cs-topbar-inner{display:flex;align-items:center}.cs-brand{gap:var(--space-3)}.cs-brand-home{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.cs-brand-rule{width:1px;height:var(--space-6);background:var(--comb-color-bg-neutral)}.cs-wordmark{font:var(--comb-font-heading-l);color:var(--comb-color-text);text-decoration:none}.cs-topnav{display:flex;align-items:stretch;gap:var(--space-1);height:100%}.cs-topnav-link{display:inline-flex;align-items:center;padding:0 var(--space-3);font:var(--comb-font-body-m);font-weight:var(--weight-medium);color:var(--comb-color-text-subtle);text-decoration:none;box-shadow:inset 0 -2px 0 transparent;transition:color var(--dur-tap) var(--ease-spatial),box-shadow var(--dur-tap) var(--ease-spatial)}.cs-topnav-link:hover{color:var(--comb-color-text)}.cs-topnav-link[aria-current=page]{color:var(--comb-color-text);box-shadow:inset 0 -2px 0 var(--comb-color-border-brand)}.cs-guide{flex:1 0 auto;display:grid;grid-template-columns:14rem minmax(0,1fr) 11rem;grid-gap:var(--space-10);gap:var(--space-10);width:100%;max-width:var(--cs-max);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-20)}.cs-main{min-width:0}.cs-sidenav{position:-webkit-sticky;position:sticky;top:calc(var(--cs-bar-h) + var(--space-8));align-self:start}.cs-sidenav-toggle{display:none}.cs-sidenav-groups{max-height:calc(100dvh - var(--cs-bar-h) - var(--space-16));overflow-y:auto;padding-right:var(--space-1)}.cs-sidenav-group+.cs-sidenav-group{margin-top:var(--space-5)}.cs-sidenav-title{margin:0 0 var(--space-2);padding:0 var(--space-3);font:var(--comb-font-heading-xs);color:var(--comb-color-text-subtlest)}.cs-sidenav-list{margin:0;padding:0;list-style:none}.cs-sidenav-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--comb-radius-md);font:var(--comb-font-body-m);color:var(--comb-color-text);text-decoration:none;transition:background var(--dur-tap) var(--ease-spatial),color var(--dur-tap) var(--ease-spatial)}.cs-sidenav-link:hover{background:var(--kb-layer-hover);color:var(--comb-color-text)}.cs-sidenav-link[aria-current=page]{background:var(--kb-layer-current);box-shadow:inset 2px 0 0 var(--comb-color-border-brand);color:var(--comb-color-text);font-weight:var(--weight-medium)}.cs-rail{position:-webkit-sticky;position:sticky;top:calc(var(--cs-bar-h) + var(--space-8));align-self:start}.cs-rail-title{margin:0 0 var(--space-2);font:var(--comb-font-heading-xs);color:var(--comb-color-text-subtlest)}.cs-rail-list{margin:0;padding:0 0 0 var(--space-3);list-style:none;border-left:var(--cs-hair);font:var(--comb-font-body-s)}.cs-rail-list li+li{margin-top:var(--space-2)}.cs-rail-list a{color:var(--comb-color-text-subtle);text-decoration:none}.cs-rail-list a:hover{color:var(--comb-color-text);text-decoration:underline}.cs-article{max-width:47.5rem}.cs-article--wide{max-width:none}.cs-page-head{padding-bottom:var(--space-8);border-bottom:var(--cs-hair)}.cs-page-title{margin:0 0 var(--space-3);font:var(--comb-font-heading-xl);color:var(--comb-color-text)}.cs-lead{margin:0;max-width:var(--cs-measure);color:var(--comb-color-text-subtle)}.cs-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 0}.cs-section{margin-top:var(--space-12)}.cs-h2,.cs-section{scroll-margin-top:calc(var(--cs-bar-h) + var(--space-6))}.cs-h2{margin:0 0 var(--space-3);font:var(--comb-font-heading-m)}.cs-h2,.cs-h3{color:var(--comb-color-text)}.cs-h3{margin:var(--space-8) 0 var(--space-3);font:var(--comb-font-heading-s)}.cs-section>.cs-h3:first-of-type{margin-top:0}.cs-prose{margin:0 0 var(--space-5)}.cs-list,.cs-prose{max-width:var(--cs-measure);color:var(--comb-color-text)}.cs-list{margin:0 0 var(--space-6);padding-left:var(--space-5)}.cs-list li+li{margin-top:var(--space-2)}.cs-legend{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none;font:var(--comb-font-body-m);color:var(--comb-color-text)}.cs-legend li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.cs-code pre,.cs-pre{margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5);overflow-x:auto;border:var(--cs-hair);border-radius:var(--comb-radius-lg);font:var(--comb-font-code);color:var(--comb-color-text)}.cs-code pre,.cs-example,.cs-pre{background:var(--comb-color-surface-raised)}.cs-example{margin:0 0 var(--space-6);border:var(--cs-hair);border-radius:var(--comb-radius-xl);overflow:hidden}.cs-example-title{padding:var(--space-3) var(--space-5);border-bottom:var(--cs-hair);font:var(--comb-font-body-m);font-weight:var(--weight-medium);color:var(--comb-color-text-subtle)}.cs-stage{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background-image:linear-gradient(var(--cs-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--cs-grid-line) 1px,transparent 1px);background-size:var(--space-4) var(--space-4)}.cs-stage--stack{flex-direction:column;align-items:stretch}.cs-code{border-top:var(--cs-hair)}.cs-code summary{padding:var(--space-3) var(--space-5);font:var(--comb-font-body-m);font-weight:var(--weight-medium);color:var(--comb-color-text-brand);cursor:pointer;list-style-position:inside}.cs-code pre{margin:0;border:0;border-top:var(--cs-hair);border-radius:0}.cs-dodont{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5);margin:0 0 var(--space-6)}.cs-verdict{display:flex;flex-direction:column;margin:0;overflow:hidden;border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised)}.cs-verdict-stage{display:flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:8rem;padding:var(--space-6);border-bottom:2px solid var(--comb-color-border-subtle)}.cs-verdict-stage>.kb-field{width:100%}.cs-verdict--do .cs-verdict-stage{border-bottom-color:var(--comb-color-border-success)}.cs-verdict--dont .cs-verdict-stage{border-bottom-color:var(--comb-color-border-danger)}.cs-verdict figcaption{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);font:var(--comb-font-body-m);color:var(--comb-color-text)}.cs-verdict-label{display:inline-flex;align-items:center;gap:var(--space-1);font:var(--comb-font-heading-xs)}.cs-verdict--do .cs-verdict-label{color:color-mix(in srgb,var(--comb-color-text-success) 50%,var(--comb-color-text))}.cs-verdict--dont .cs-verdict-label{color:var(--comb-color-text-danger)}.cs-demo-row{flex-wrap:wrap}.cs-demo-inline,.cs-demo-row{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--comb-font-body-m)}.cs-demo-inline{color:var(--comb-color-text)}.cs-demo-proportional{font-feature-settings:"pnum";font-variant-numeric:proportional-nums}.cs-demo-title-serif{margin:0;font:var(--comb-font-heading-l);color:var(--comb-color-text);text-align:center}.cs-demo-caps{margin:0;font:var(--comb-font-body-s);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase}.cs-demo-body-s,.cs-demo-caps{color:var(--comb-color-text-subtlest)}.cs-demo-body-s{font:var(--comb-font-body-s)}.cs-demo-gap{display:inline-flex}.cs-demo-gap--grid{gap:var(--space-2)}.cs-demo-gap--off{gap:calc(var(--space-3) + var(--space-1) / 4)}.cs-table-wrap{margin:0 0 var(--space-6);overflow-x:auto;border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised)}.cs-table{width:100%;border-collapse:collapse;font:var(--comb-font-body-m);color:var(--comb-color-text)}.cs-table caption{font:var(--comb-font-heading-xs);color:var(--comb-color-text)}.cs-table caption,.cs-table td,.cs-table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--cs-hair)}.cs-table td,.cs-table th{vertical-align:top}.cs-table thead th{font:var(--comb-font-body-s);font-weight:var(--weight-semibold);color:var(--comb-color-text-subtlest);background:var(--comb-color-surface-raised)}.cs-table tbody tr:last-child>*{border-bottom:0}.cs-table tbody th{font-weight:var(--weight-medium);color:var(--comb-color-text);white-space:nowrap}.cs-table code{font:var(--comb-font-code);color:var(--comb-color-text)}.cs-rules{margin:0;padding:0;list-style:none;border-top:var(--cs-hair)}.cs-rule{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:baseline;padding:var(--space-4) 0;border-bottom:var(--cs-hair)}.cs-rule-id{font:var(--comb-font-code);color:var(--comb-color-text-subtlest)}.cs-rule-text{margin:0;font:var(--comb-font-body-m);color:var(--comb-color-text);max-width:var(--cs-measure)}.cs-rule-status{justify-self:end}.cs-home{flex:1 0 auto;width:100%;max-width:var(--cs-max);margin:0 auto;padding:0 var(--space-6) var(--space-20)}.cs-hero{max-width:47.5rem;padding:var(--space-16) 0 var(--space-12)}.cs-hero-title{margin:0 0 var(--space-4);font-family:var(--font-display);font-weight:var(--weight-normal);font-size:var(--text-hero);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--comb-color-text)}.cs-hero-lead{margin:0 0 var(--space-8);max-width:52ch;color:var(--comb-color-text-subtle)}.cs-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cs-home-section{padding-top:var(--space-12)}.cs-home-h2{margin:0 0 var(--space-3);font:var(--comb-font-heading-l);color:var(--comb-color-text)}.cs-home-intro{margin:0 0 var(--space-6);max-width:var(--cs-measure);color:var(--comb-color-text-subtle)}.cs-home-section>.cs-home-h2+.cs-cards{margin-top:var(--space-6)}.cs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));grid-gap:var(--space-5);gap:var(--space-5);margin:0;padding:0;list-style:none}.cs-cards--large{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.cs-card,.cs-cards>li{display:flex}.cs-card{flex-direction:column;width:100%;overflow:hidden;border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised);color:var(--comb-color-text);text-decoration:none}.cs-card--link{box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-tap) var(--ease-spatial),border-color var(--dur-tap) var(--ease-spatial),transform var(--dur-tap) var(--ease-spatial)}.cs-card--link:hover{border-color:var(--comb-color-border-bold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cs-card--link:hover .cs-card-title{text-decoration:underline;text-decoration-thickness:1px}.cs-site .cs-card--link:focus-visible{border-radius:var(--comb-radius-xl)}.cs-card--soon{background:var(--comb-color-surface-raised)}.cs-card-art{display:flex;align-items:center;justify-content:center;min-height:9rem;padding:var(--space-6) var(--space-5);border-bottom:var(--cs-hair);background-color:var(--comb-color-surface-raised);background-image:linear-gradient(var(--cs-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--cs-grid-line) 1px,transparent 1px);background-size:var(--space-4) var(--space-4)}.cs-card-body{display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:start;padding:var(--space-5)}.cs-card-title{margin:0;font:var(--comb-font-heading-s);color:var(--comb-color-text)}.cs-card-text{margin:0;font:var(--comb-font-body-m);color:var(--comb-color-text-subtle)}.cs-card-soon{margin-top:var(--space-1)}.cs-principle{padding:var(--space-5);display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:start}.cs-banner{display:flex;align-items:center;justify-content:center;min-height:10rem;margin-top:var(--space-8);border:var(--cs-hair);border-radius:var(--comb-radius-xl);background-color:var(--comb-color-surface-raised);background-image:linear-gradient(var(--cs-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--cs-grid-line) 1px,transparent 1px);background-size:var(--space-4) var(--space-4)}.cs-art{display:inline-flex;align-items:center;gap:var(--space-5)}.cs-art--stack{flex-direction:column;gap:var(--space-3)}.cs-art-row{display:inline-flex;align-items:center;gap:var(--space-3)}.cs-art-serif{font-family:var(--font-display);font-size:calc(var(--comb-font-heading-xl-size) * 2);line-height:calc(var(--comb-font-heading-xl-leading) * 2);color:var(--comb-color-text)}.cs-art-dots{display:grid;grid-template-columns:repeat(5,var(--space-4));grid-gap:var(--space-1);gap:var(--space-1)}.cs-art-dots>span{width:var(--space-4);height:var(--space-4);border-radius:var(--comb-radius-full);background:var(--dot);box-shadow:inset 0 0 0 1px var(--comb-color-border)}.cs-art-bars{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.cs-art-bars>span{width:var(--bar);height:var(--space-2);border-radius:var(--comb-radius-xs);background:var(--comb-color-bg-brand-subtle);box-shadow:inset 0 0 0 1px var(--comb-color-border-brand)}.cs-art--empty{text-align:center}.cs-art-empty-title{font:var(--comb-font-heading-l);color:var(--comb-color-text)}.cs-art-empty-line{font:var(--comb-font-body-s);color:var(--comb-color-text-subtlest)}.cs-art-quote{max-width:18rem;padding:var(--space-2) var(--space-3);border:var(--cs-hair);border-radius:var(--comb-radius-lg);background:var(--comb-color-surface-raised);font:var(--comb-font-body-s);color:var(--comb-color-text)}.cs-art-quote--muted{color:var(--comb-color-text-subtlest)}.cs-art-code{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font:var(--comb-font-code);color:var(--comb-color-text)}.cs-changes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.cs-change-day{padding:var(--space-5);border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised)}.cs-change-date{margin:0 0 var(--space-3);font:var(--comb-font-heading-s);color:var(--comb-color-text)}.cs-change-list{margin:0;padding:0;list-style:none}.cs-change{display:grid;grid-template-columns:3.5rem minmax(0,1fr);grid-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:var(--space-1);row-gap:var(--space-1);padding:var(--space-3) 0;border-top:var(--cs-hair)}.cs-change-id{grid-row:span 2;font:var(--comb-font-code);color:var(--comb-color-text-subtlest)}.cs-change-title{font:var(--comb-font-heading-xs);color:var(--comb-color-text)}.cs-change-body{font:var(--comb-font-body-m);color:var(--comb-color-text-subtle)}.cs-tabs{margin-top:var(--space-6)}.cs-tablist{display:flex;gap:var(--space-1);overflow-x:auto;border-bottom:var(--cs-hair)}.cs-tab{flex:0 0 auto;min-height:44px;padding:0 var(--space-4);border:0;background:transparent;box-shadow:inset 0 -2px 0 transparent;color:var(--comb-color-text-subtle);font:var(--comb-font-body-m);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--dur-tap) var(--ease-spatial),box-shadow var(--dur-tap) var(--ease-spatial)}.cs-tab:hover,.cs-tab[aria-selected=true]{color:var(--comb-color-text)}.cs-tab[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--comb-color-border-brand)}.cs-tab:focus-visible{outline:2px solid var(--comb-focus-color);outline-offset:-2px;border-radius:var(--comb-radius-sm)}.cs-tabpanel>.cs-section:first-child{margin-top:var(--space-8)}.cs-table--tokens td,.cs-table--tokens th{vertical-align:middle}.cs-table tbody th code,.cs-token-name{display:block}.cs-token-name{font:var(--comb-font-heading-xs);color:var(--comb-color-text)}.cs-table tbody th code{margin-top:var(--space-1);font:var(--comb-font-code);color:var(--comb-color-text-subtle);font-weight:var(--weight-normal)}.cs-value-main,.cs-value-sub{display:block}.cs-value-main{color:var(--comb-color-text)}.cs-value-sub{font:var(--comb-font-body-s);color:var(--comb-color-text-subtlest)}.cs-nowrap{white-space:nowrap}.cs-type-example{min-width:12rem;color:var(--comb-color-text)}.cs-swatch{display:grid;place-items:center;width:var(--space-12);height:var(--space-10);border-radius:var(--comb-radius-lg);background:var(--swatch);color:var(--swatch-pair);box-shadow:inset 0 0 0 1px var(--comb-color-border);font:var(--comb-font-heading-s)}.cs-swatch--text{background:var(--swatch-pair);color:var(--swatch)}.cs-contrast{display:grid;grid-gap:var(--space-1);gap:var(--space-1);justify-items:start}.cs-space-bar{display:block;width:var(--bar);height:var(--space-4);border-radius:var(--comb-radius-xs);background:var(--comb-color-bg-brand-subtle);box-shadow:inset 0 0 0 1px var(--comb-color-border-brand)}.cs-radius-shape{border:1px solid var(--comb-color-border-bold);border-radius:var(--r);background:var(--comb-color-bg-neutral)}.cs-radius-shape,.cs-shadow-chip{display:block;width:var(--space-16);height:var(--space-10)}.cs-shadow-chip{border-radius:var(--comb-radius-lg);background:var(--comb-color-surface-overlay);box-shadow:var(--sh)}.cs-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.cs-face{padding:var(--space-6);border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised)}.cs-face-sample{margin:0 0 var(--space-4);color:var(--comb-color-text);font-size:calc(var(--comb-font-heading-xl-size) * 1.5);line-height:calc(var(--comb-font-heading-xl-leading) * 1.5)}.cs-face-sample--serif{font-family:var(--font-display);font-weight:var(--weight-normal)}.cs-face-sample--sans{font-family:var(--font-body);font-weight:var(--weight-semibold)}.cs-face-name{margin:0;font:var(--comb-font-heading-xs);color:var(--comb-color-text)}.cs-face-note{margin:var(--space-1) 0 0;font:var(--comb-font-body-m);color:var(--comb-color-text-subtle)}.cs-surfaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));grid-gap:var(--space-4);gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-5);border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface)}.cs-surface-demo{display:grid;grid-gap:var(--space-1);gap:var(--space-1);align-content:start;min-height:8rem;padding:var(--space-4)}.cs-surface-name{font:var(--comb-font-heading-s);color:var(--comb-color-text)}.cs-surface-token{font:var(--comb-font-code)}.cs-surface-token,.cs-surface-use{color:var(--comb-color-text-subtle)}.cs-surface-use{font:var(--comb-font-body-s)}.cs-focus-demo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin:0 0 var(--space-5);padding:var(--space-8) var(--space-6);border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised)}.cs-focus-sample{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--space-4);border:var(--cs-hair);border-radius:var(--radius-sm);background:var(--comb-color-surface-overlay);font:var(--comb-font-body-m);font-weight:var(--weight-medium);color:var(--comb-color-text);outline:2px solid var(--comb-focus-color);outline-offset:2px}.cs-demo-plate{display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:12rem;padding:var(--space-4);font:var(--comb-font-body-m)}.cs-demo-plate .cs-demo-plate{min-width:0;padding:var(--space-3)}.cs-demo-rule{height:1px;margin:var(--space-2) 0;background:var(--comb-color-bg-neutral)}.cs-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));grid-gap:var(--space-5);gap:var(--space-5);margin:0;padding:0;list-style:none}.cs-catalog-item{display:flex;flex-direction:column;overflow:hidden;border:var(--cs-hair);border-radius:var(--comb-radius-xl);background:var(--comb-color-surface-raised)}.cs-catalog-stage{display:flex;align-items:center;justify-content:center;min-height:8.5rem;padding:var(--space-6) var(--space-5);border-bottom:var(--cs-hair);background-image:linear-gradient(var(--cs-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--cs-grid-line) 1px,transparent 1px);background-size:var(--space-4) var(--space-4)}.cs-catalog-stage>.kb-dl,.cs-catalog-stage>.kb-field,.cs-catalog-stage>.kb-input,.cs-catalog-stage>.kb-search,.cs-catalog-stage>.kb-select{width:100%}.cs-catalog-body{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-4) var(--space-5) var(--space-5)}.cs-catalog-name{margin:0;font:var(--comb-font-heading-s);color:var(--comb-color-text)}.cs-catalog-name a{text-decoration:none}.cs-catalog-name a:hover{text-decoration:underline}.cs-catalog-summary{margin:0;font:var(--comb-font-body-m);color:var(--comb-color-text-subtle)}.cs-catalog-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:var(--space-2) 0 0}.cs-catalog-more{font:var(--comb-font-body-m);font-weight:var(--weight-medium);color:var(--comb-color-text-brand)}.cs-mini-row{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.cs-mini-text{font:var(--comb-font-body-m);color:var(--comb-color-text)}.cs-footer{border-top:var(--cs-hair);background:var(--comb-color-surface-raised)}.cs-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-8);max-width:var(--cs-max);margin:0 auto;padding:var(--space-8) var(--space-6)}.cs-footer-line{margin:0;max-width:60ch;font:var(--comb-font-body-s);color:var(--comb-color-text-subtlest)}.cs-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding:0;list-style:none;font:var(--comb-font-body-m);color:var(--comb-color-text)}@media (max-width:1279px){.cs-guide{grid-template-columns:14rem minmax(0,1fr)}.cs-rail{display:none}}@media (max-width:960px){.cs-guide{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding:var(--space-6) var(--space-4) var(--space-16)}.cs-sidenav{position:static}.cs-sidenav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 var(--space-4);border:var(--cs-hair);border-radius:var(--comb-radius-lg);background:var(--comb-color-surface-raised);color:var(--comb-color-text);font:var(--comb-font-body-m);font-weight:var(--weight-medium);cursor:pointer}.cs-sidenav-toggle svg{transition:transform var(--dur-tap) var(--ease-spatial)}.cs-sidenav[data-open=true] .cs-sidenav-toggle svg{transform:rotate(180deg)}.cs-sidenav-groups{display:none;max-height:none;margin-top:var(--space-2);padding:var(--space-3);border:var(--cs-hair);border-radius:var(--comb-radius-lg);background:var(--comb-color-surface-raised)}.cs-sidenav[data-open=true] .cs-sidenav-groups{display:block}.cs-sidenav-link{min-height:44px;display:flex;align-items:center}.cs-changes{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.cs-topbar-inner{padding:0 var(--space-4)}.cs-home{padding:0 var(--space-4) var(--space-16)}.cs-hero{padding:var(--space-10) 0 var(--space-8)}.cs-dodont,.cs-faces{grid-template-columns:minmax(0,1fr)}.cs-stage{padding:var(--space-6) var(--space-4)}.cs-rule{grid-template-columns:3rem minmax(0,1fr)}.cs-rule-status{grid-column:2;justify-self:start}.cs-topbar-inner{flex-wrap:wrap;height:auto;row-gap:0}.cs-brand{min-height:var(--cs-bar-h)}.cs-topnav{order:3;width:calc(100% + 2 * var(--space-4));height:44px;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-2);overflow-x:auto;border-top:var(--cs-hair)}.cs-rail,.cs-sidenav{top:0}.cs-topnav-link{padding:0 var(--space-2)}}@media (prefers-reduced-motion:reduce){.cs-site *,.cs-site :after{transition-duration:0s!important}.cs-card--link:hover{transform:none}html:has(.cs-site){scroll-behavior:auto}}.cs-ramps{display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.cs-ramp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.cs-ramp-head .cs-h3{margin:0}.cs-ramp-note{margin:0;font:var(--comb-font-body-m);color:var(--comb-color-text-subtle)}.cs-ramp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none}.cs-ramp-step{display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:0}.cs-ramp-chip{display:block;height:var(--space-12);border-radius:var(--comb-radius-md);background:var(--chip);box-shadow:inset 0 0 0 1px var(--comb-color-border)}.cs-ramp-step-no{font:var(--comb-font-heading-xs);color:var(--comb-color-text)}.cs-ramp-hex{font:var(--comb-font-code);color:var(--comb-color-text-subtle)}.cs-ramp-white{font:var(--comb-font-body-s);color:var(--comb-color-text-subtlest);min-height:var(--space-4)}.cs-role-sample{display:grid;place-items:center;width:var(--space-12);height:var(--space-10);border-radius:var(--comb-radius-lg);font:var(--comb-font-heading-s)}.cs-role-sample-glyph:before{content:"Aa"}.cs-role-sample--text{background:var(--sample-pair)}.cs-role-sample--icon,.cs-role-sample--text{color:var(--sample);box-shadow:inset 0 0 0 1px var(--comb-color-border-subtle)}.cs-role-sample--icon{background:var(--comb-color-surface-raised)}.cs-role-sample--fill{background:var(--sample);color:var(--sample-pair);box-shadow:inset 0 0 0 1px var(--comb-color-border-subtle)}.cs-role-sample--border{background:var(--comb-color-surface-raised);color:var(--comb-color-text-subtle);border:3px solid var(--sample)}.cs-legend-text{flex:1 1 18rem;min-width:0}.cs-anatomy{margin:0 0 var(--space-6)}.cs-anatomy-stage{overflow:hidden;border:var(--cs-hair);border-radius:var(--radius-md);background:var(--comb-color-surface)}.cs-anatomy-parts{margin:var(--space-3) 0 0;padding-left:var(--space-5);font:var(--comb-font-body-m);color:var(--comb-color-text-subtle)}.cs-anatomy-parts li+li{margin-top:var(--space-1)}.cs-anatomy-parts strong{color:var(--comb-color-text);font-weight:var(--weight-semibold)}.cs-convo{background:var(--comb-color-surface-raised)}.cs-convo,.cs-convo-thread{display:flex;flex-direction:column}.cs-convo-thread{gap:var(--space-2);padding:var(--space-4);background:var(--comb-color-surface)}.cs-composer{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--cs-hair)}.cs-composer .kb-textarea{min-height:56px}.cs-suggestion-stage{width:100%;padding-top:var(--space-2)}.cs-suggestion-body{margin:0;padding:var(--space-3);font:var(--comb-font-body-m);color:var(--comb-color-text)}.cs-catalog-stage>.kb-meta,.cs-catalog-stage>.kb-msg,.cs-catalog-stage>.kb-oh{width:100%}.cs-catalog-stage>.kb-oh{padding:var(--space-3)}