@layer pages{.ds-section-head{display:flex;align-items:baseline;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border-default)}.ds-section-title{font-family:var(--font-family-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.ds-content .section>.stack{gap:var(--spacing-2xl)}.ds-content .section>.stack>.stack--sm+.stack--sm,.ds-content .section>.stack>.stack--xs+.stack--sm,.ds-content .section>.stack>.stack--sm+.stack--xs{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.ds-content>.section+.section,.ds-content>section+section{border-top:1px solid var(--color-border-default)}.ds-group-label{font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-normal);margin-bottom:var(--spacing-xs)}.ds-layout{display:flex;flex-direction:column}@media(min-width:60rem){.ds-layout{display:grid;grid-template-columns:13rem 1fr;gap:var(--spacing-2xl);align-items:start}}.ds-sidenav-aside{border-bottom:1px solid var(--color-border-subtle);padding-block:var(--spacing-sm)}.ds-sidenav-summary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;list-style:none;user-select:none}.ds-sidenav-summary::-webkit-details-marker{display:none}.ds-sidenav-caret{margin-left:auto;transition:transform var(--duration-state) var(--ease-out-quart)}details[open] .ds-sidenav-caret{transform:rotate(180deg)}@media(min-width:60rem){.ds-sidenav-aside{border-bottom:none;padding-block:0;position:sticky;top:calc(var(--site-header-h, 3.25rem) + var(--spacing-xl));max-height:calc(100dvh - var(--site-header-h, 3.25rem) - var(--spacing-2xl));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-sidenav-summary{display:none}.ds-sidenav-details>.ds-sidenav{display:flex!important}}.ds-sidenav{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-block:var(--spacing-xs)}.ds-sidenav-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-sidenav-group+.ds-sidenav-group{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-xs)}.ds-sidenav-group__label{font-family:var(--font-family-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--spacing-xs) .5rem var(--spacing-xs);margin:0}.ds-sidenav-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-sidenav-link{display:block;font-family:var(--font-family-sans);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:2px solid transparent;transition:color var(--duration-hover) var(--ease-out-quart),background var(--duration-hover) var(--ease-out-quart),border-left-color var(--duration-hover) var(--ease-out-quart)}.ds-sidenav-link:hover{color:var(--color-text);background:var(--color-bg-elevated)}.ds-sidenav-link[aria-current=true]{color:var(--color-accent);font-weight:var(--weight-semibold);border-left-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 8%,var(--color-bg))}.ds-logo-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.ds-logo-item{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0}.ds-logo-item--wide{flex:1;min-width:16rem}.ds-logo-item--full{flex:1;min-width:22rem}.ds-logo-preview{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle);min-height:7rem}.ds-logo-preview--light{background:var(--_paper)}.ds-logo-preview--dark{background:var(--_gray-950)}.ds-logo-preview--checker{background-color:#e5e5e5;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ds-logo-label{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.ds-logo-svg svg{display:block;max-width:100%;height:auto}.ds-logo-svg--stacked svg{max-height:72px}.ds-logo-svg--alt svg{max-height:36px}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));gap:var(--spacing-sm)}.ds-swatch{display:flex;flex-direction:column;margin:0;border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-bg-elevated)}.ds-swatch__color{position:relative;min-height:7rem;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.ds-swatch__typo{display:flex;align-items:baseline;gap:var(--spacing-sm)}.ds-swatch__aa-lg{font-family:var(--font-family-display);font-size:2rem;font-weight:var(--weight-bold);line-height:1}.ds-swatch__aa-sm{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1}.ds-swatch__badge{display:inline-flex;align-items:center;font-family:var(--font-family-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-snug);background:color-mix(in srgb,currentColor 14%,transparent);border:1px solid color-mix(in srgb,currentColor 28%,transparent);padding:.2em .55em;border-radius:var(--border-radius-pill);width:fit-content;line-height:1.5;backdrop-filter:blur(4px)}.ds-swatch__meta{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.ds-swatch__colorname{font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.2}.ds-swatch__hex{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.ds-swatch__oklch{font-family:var(--font-family-mono);font-size:calc(var(--text-2xs) * .9);color:var(--color-text-muted);word-break:break-all;line-height:1.4}.ds-swatch__ratios{margin-top:.15rem;font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);line-height:1.5}.ds-group-label--brand{color:var(--color-text-secondary);font-size:var(--text-sm);text-transform:none;letter-spacing:0;font-weight:var(--weight-semibold);font-family:var(--font-family-sans);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-subtle)}.ds-brand-badge{display:inline-block;font-size:var(--text-2xs);font-weight:var(--weight-semibold);background:var(--color-accent);color:var(--color-on-accent);padding:.1em .4em;border-radius:var(--border-radius-xs);vertical-align:middle;margin-right:.3em;font-family:var(--font-family-sans);text-transform:none;letter-spacing:0}.ds-swatch__name{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-secondary);word-break:break-all}.ds-swatch__role{font-family:var(--font-family-sans);font-size:var(--text-2xs);color:var(--color-text-muted);font-style:italic}.ds-contrast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));gap:var(--spacing-md)}.ds-contrast-card{display:flex;flex-direction:column;border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-bg-elevated)}.ds-contrast-preview{min-height:7rem;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:space-between}.ds-contrast-info{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.ds-contrast-name{font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.ds-contrast-tokens{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);margin:0;word-break:break-all;line-height:1.5}.ds-contrast-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:.25rem}.ds-contrast-ratio{font-family:var(--font-family-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.ds-contrast-levels{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.ds-contrast-badge{font-family:var(--font-family-mono);font-size:var(--text-2xs);padding:.15em .45em;border-radius:var(--border-radius-xs);font-weight:var(--weight-semibold)}.ds-contrast-badge--pass{background:var(--color-success-bg);color:var(--color-success)}.ds-contrast-badge--fail{background:var(--color-danger-bg);color:var(--color-danger)}.ds-contrast-apca{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.ds-contrast-usecase{font-size:var(--text-xs);font-weight:var(--weight-medium);margin:0}.ds-contrast-usecase--pass{color:var(--color-success)}.ds-contrast-usecase--warn{color:var(--color-warning-text)}.ds-contrast-usecase--fail{color:var(--color-danger)}.ds-contrast-ctx{font-size:var(--text-2xs);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0;font-family:var(--font-family-sans)}.ds-selfcheck{border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.ds-selfcheck__title{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.ds-selfcheck__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:start}@media(max-width:50rem){.ds-selfcheck__body{grid-template-columns:1fr}}.ds-selfcheck__controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-selfcheck__label{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ds-selfcheck__input-row{display:flex;gap:var(--spacing-xs);align-items:stretch}.ds-selfcheck__select{flex:1;min-width:0;font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer}.ds-selfcheck__select:focus-visible{outline:var(--focus-ring-w) solid var(--color-focus-ring);outline-offset:2px}.ds-selfcheck__colorpicker{flex-shrink:0;width:2.5rem;padding:2px;border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);background:var(--color-bg-elevated);cursor:pointer}.ds-selfcheck__colorpicker::-webkit-color-swatch-wrapper{padding:0}.ds-selfcheck__colorpicker::-webkit-color-swatch{border:none;border-radius:2px}.ds-selfcheck__colorpicker::-moz-color-swatch{border:none;border-radius:2px}.ds-selfcheck__colorpicker:focus-visible{outline:var(--focus-ring-w) solid var(--color-focus-ring);outline-offset:2px}.ds-selfcheck__preview{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);min-height:8rem;justify-content:center}.ds-selfcheck__sample{font-family:var(--font-family-sans);font-size:var(--text-sm);line-height:var(--leading-snug)}.ds-selfcheck__results{display:flex;flex-direction:column;gap:var(--spacing-xs);grid-column:1 / -1}.ds-specimen{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.ds-specimen:last-child{border-bottom:none;padding-bottom:0}.ds-specimen__label{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.ds-spacing-chart{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle);width:100%}.ds-spacing-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.ds-spacing-bar{width:100%;background:var(--color-accent);border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;opacity:.75;min-height:2px}.ds-spacing-step__px{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-secondary);order:-1}.ds-spacing-step__name{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.ds-spacing-notes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-spacing-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:var(--spacing-md)}.ds-spacing-rules li:before{content:"–";margin-right:var(--spacing-xs);color:var(--color-text-muted)}.ds-radii-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:flex-end}.ds-radii-item{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.ds-radii-box{width:4rem;height:4rem;background:var(--color-bg-elevated);border:2px solid var(--color-border-default)}.ds-border-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.ds-border-item{flex:1;min-width:11rem;max-width:18rem;padding:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--color-bg-elevated);display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-border-item__token{font-size:var(--text-2xs);word-break:break-all}.ds-border-item__contrast{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);margin-top:.1rem}.ds-shadow-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.ds-shadow-item{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.ds-shadow-box{width:6rem;height:4rem;background:var(--color-bg-elevated);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle)}.ds-shadow-box--focus{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-focus-ring),0 0 0 8px var(--color-focus-halo);border-color:transparent}.ds-focus-demo{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-bg-muted);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle)}.ds-focus-forced{outline:var(--focus-ring-w) solid transparent!important;box-shadow:0 0 0 var(--focus-ring-offset) var(--color-bg),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-w)) var(--color-focus-ring),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-w) + var(--focus-ring-halo-w)) var(--color-focus-halo)!important}.ds-token-table{display:flex;flex-direction:column;border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);overflow:hidden}.ds-token-row{display:grid;grid-template-columns:minmax(10rem,auto) auto 1fr;gap:var(--spacing-sm) var(--spacing-md);align-items:baseline;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm)}.ds-token-row>*:nth-child(2):last-child{grid-column:2 / -1}.ds-token-row:last-child{border-bottom:none}.ds-token-row code{font-size:var(--text-xs)}.ds-token-value{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.ds-token-use{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:48rem){.ds-token-row{grid-template-columns:1fr}}.ds-bp-ruler{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-bp-row{display:grid;grid-template-columns:6rem .75rem 1fr auto;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs)}.ds-bp-label{font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:nowrap}.ds-bp-label strong{color:var(--color-accent)}.ds-bp-tick{color:var(--color-border-default);font-size:var(--text-sm);text-align:center}.ds-bp-bar-wrap{background:var(--color-bg-muted);border-radius:var(--border-radius-xs);height:6px}.ds-bp-bar{height:100%;background:var(--color-accent);border-radius:var(--border-radius-xs);opacity:.65}.ds-bp-device{font-family:var(--font-family-sans);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.ds-container-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-container-row{display:grid;grid-template-columns:20rem 1fr;align-items:center;gap:var(--spacing-md)}@media(max-width:50rem){.ds-container-row{grid-template-columns:1fr}}.ds-container-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--text-xs)}.ds-container-bar-wrap{background:var(--color-bg-muted);border-radius:var(--border-radius-xs);height:6px}.ds-container-bar{height:100%;background:color-mix(in oklch,var(--color-accent) 50%,var(--color-bg));border-radius:var(--border-radius-xs)}.ds-grid-demo{display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.ds-grid-demo__row{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-xs)}.ds-grid-demo__col{border-radius:var(--border-radius-xs);padding:var(--spacing-sm) var(--spacing-xs);font-family:var(--font-family-mono);font-size:var(--text-2xs);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border-default)}.ds-grid-demo__col--full{background:var(--color-accent);color:var(--color-on-accent);border:none;font-weight:var(--weight-semibold)}.ds-grid-demo__col--primary{background:color-mix(in oklch,var(--color-accent) 15%,var(--color-bg));border-color:var(--color-accent);color:var(--color-accent)}.ds-motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:48rem){.ds-motion-grid{grid-template-columns:1fr}}.ds-motion-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));gap:var(--spacing-sm)}.ds-motion-card{border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-bg-elevated);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:default;--_dur: .2s;--_ease: var(--ease-out-quart, cubic-bezier(.2, .8, .2, 1))}.ds-motion-card--ease{--_dur: .32s}.ds-motion-card--hover{--_dur: .12s}.ds-motion-card--state{--_dur: .2s}.ds-motion-card--reveal,.ds-motion-card--yshift{--_dur: .32s}.ds-motion-card--reduced{--_dur: .01ms}.ds-motion-rail{height:2rem;background:var(--color-bg-muted);border-radius:var(--border-radius-sm);position:relative;overflow:hidden;margin-bottom:var(--spacing-xs)}.ds-motion-dot{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-accent);position:absolute;top:50%;left:.375rem;transform:translateY(-50%);transition:left var(--_dur) var(--_ease)}.ds-motion-card--yshift .ds-motion-dot{left:50%;transform:translate(-50%,-50%);transition:top var(--_dur) var(--_ease)}.ds-motion-card:hover .ds-motion-dot,.ds-motion-card:focus-visible .ds-motion-dot{left:calc(100% - 1.625rem)}.ds-motion-card--yshift:hover .ds-motion-dot,.ds-motion-card--yshift:focus-visible .ds-motion-dot{left:50%;top:calc(50% - 8px)}.ds-motion-card__name{font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.ds-motion-card__value{font-size:var(--text-2xs);color:var(--color-text-secondary)}.ds-motion-card__desc{font-family:var(--font-family-sans);font-size:var(--text-xs);color:var(--color-text-secondary)}.ds-motion-card__sub{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.ds-motion-notes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-motion-when{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);padding-left:var(--spacing-md)}.ds-motion-when__key{font-family:var(--font-family-mono);color:var(--color-accent)}.ds-ot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:var(--spacing-lg)}.ds-ot-item{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-ot-item p{margin:0;hyphens:none}.ds-ot-compare{display:flex;gap:var(--spacing-xl);align-items:flex-end;flex-wrap:wrap}.ds-ot-col{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.ds-ot-char{font-family:var(--font-family-sans);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1;color:var(--color-text);display:block}.ds-ot-charlabel{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);text-align:center}.ds-ot-disambig{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-ot-disambig-row{display:flex;align-items:baseline;gap:var(--spacing-md)}.ds-ot-disambig-chars{font-family:var(--font-family-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);min-width:8rem;letter-spacing:.04em}.ds-charset{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));gap:var(--spacing-sm)}.ds-charset-item{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-charset-char{font-family:var(--font-family-serif);font-size:var(--text-2xl);color:var(--color-text);line-height:1}.ds-charset-name{font-family:var(--font-family-sans);font-size:var(--text-xs);color:var(--color-text-secondary)}.ds-charset-code{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);background:none;padding:0}.ds-hero-demo{border-block:1px solid var(--color-border-subtle);margin-block-start:var(--spacing-xl)}.ds-hero-demo--last{margin-block-end:var(--section-space, var(--spacing-3xl))}.ds-hero-demo__label{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-block:var(--spacing-md) 0;margin:0}.ds-a11y-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:var(--spacing-md)}.ds-a11y-principle{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-a11y-principle__title{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.ds-a11y-principle__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.ds-a11y-principle__text code{font-size:.8125em}.ds-author-hero{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);align-items:flex-start}.ds-author-hero__content{flex:1;min-width:16rem;display:flex;flex-direction:column;gap:var(--spacing-md)}.ds-author-meta{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-lg);margin:0}.ds-author-meta div{display:contents}.ds-author-meta dt{font-family:var(--font-family-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);white-space:nowrap;padding-top:.2em}.ds-author-meta dd{margin:0;font-size:var(--text-sm);color:var(--color-text)}.ds-a11y-note{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:color-mix(in oklch,var(--color-warning) 8%,var(--color-bg-elevated));border:1px solid color-mix(in oklch,var(--color-warning) 30%,transparent);border-radius:var(--border-radius-md);align-items:flex-start}.ds-a11y-note i{font-size:var(--icon-lg);color:var(--color-warning-text);flex-shrink:0;margin-top:.1em}.ds-a11y-note p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.ds-a11y-note strong{color:var(--color-text)}.ds-a11y-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:var(--spacing-xs) var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md)}.ds-a11y-overview__item{display:flex;gap:var(--spacing-xs);align-items:baseline;font-size:var(--text-sm)}.ds-a11y-overview__label{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0}.ds-a11y-overview__label:after{content:":"}.ds-a11y-overview__value{color:var(--color-text);font-weight:var(--weight-medium)}#a11y h3.ds-group-label{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);text-transform:none;letter-spacing:0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-subtle);margin-bottom:0}.ds-a11y-h4{font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);line-height:var(--leading-snug);margin:0;padding-top:var(--spacing-xs)}#a11y .stack>.stack--sm+.stack--sm{border-top:none}.ds-a11y-motion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));gap:var(--spacing-lg)}.ds-a11y-motion-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-a11y-motion-col__label{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-normal)}.ds-a11y-motion-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.ds-a11y-motion-col--off ul li{display:flex;gap:var(--spacing-xs);align-items:baseline}.ds-a11y-motion-col--off ul li:before{content:"✕";flex-shrink:0;color:var(--color-danger);font-size:var(--text-xs);font-family:var(--font-family-mono)}.ds-a11y-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-a11y-checklist li{position:relative;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) + 1.5rem);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-sm);font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-a11y-checklist li:before{content:"☐";position:absolute;left:var(--spacing-md);top:var(--spacing-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.ds-avatar-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.ds-avatar-label{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.ds-testimonial-quote{font-family:var(--font-family-serif);font-style:italic;font-size:var(--text-lg);line-height:1.45;color:var(--color-text);margin:0 0 var(--spacing-md)}.ds-testimonial-quote em{font-weight:var(--weight-bold);color:var(--color-accent-italic)}.ds-focus-surfaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.ds-focus-surface{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle)}.ds-focus-surface--light{background:var(--color-bg)}.ds-focus-surface--ink{background:var(--color-surface-ink);--color-bg: var(--_gray-950);--color-focus-ring: var(--_cyan-400);--color-focus-halo: rgba(79, 209, 197, .2)}.ds-focus-surface__label{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.ds-focus-surface--ink .ds-focus-surface__label{color:#ffffff73}.ds-focus-surface__ratio{display:flex;align-items:center;gap:var(--spacing-xs)}.ds-focus-surface-teal{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-md)}.ds-form-states{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(22rem,100%),1fr));gap:var(--spacing-lg)}.ds-form-state--wide{grid-column:1 / -1}.ds-form-state__label{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-normal);margin-bottom:var(--spacing-sm)}.input-wrap__icon--success{color:var(--color-success)}.field__success{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-success);margin-top:var(--spacing-xs)}.ds-form-summary{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid}.ds-form-summary--error{background:var(--color-danger-bg);border-color:var(--color-danger)}.ds-form-summary--success{background:var(--color-success-bg);border-color:var(--color-success)}.ds-form-summary__title{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--weight-semibold);font-size:var(--text-sm);margin:0 0 var(--spacing-xs)}.ds-form-summary--error .ds-form-summary__title{color:var(--color-danger)}.ds-form-summary--success .ds-form-summary__title{color:var(--color-success)}.ds-form-summary__list{margin:0;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-form-summary__list a{font-size:var(--text-sm);color:var(--color-danger)}.ds-form-summary__body{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ds-disclosure-toc{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-disclosure-toc a{font-size:var(--text-sm);color:var(--color-link)}.ds-disclosure-finding{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-disclosure-finding p{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-disclosure-finding code{font-size:.8125em}.ds-display-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:var(--spacing-md)}.ds-display-demo__surface{padding:var(--spacing-xl);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-display-demo__surface--paper{background:var(--color-bg)}.ds-display-demo__surface--ink{background:var(--color-surface-ink);--color-text: oklch(.9678 .0086 84.57);--color-accent-italic: var(--_amber-500)}.ds-display-demo__surface--teal{background:var(--color-surface-teal);--color-text: oklch(1 0 0);--color-accent-italic: oklch(1 0 0)}.ds-display-demo__label{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.ds-display-demo__surface--ink .ds-display-demo__label,.ds-display-demo__surface--teal .ds-display-demo__label{color:#ffffff80}.ds-prose-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:var(--spacing-md)}.ds-prose-demo{padding:var(--spacing-xl);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-bg)}.ds-prose-demo--elevated{background:var(--color-bg-elevated)}.ds-prose-sample{display:flex;flex-direction:column;gap:var(--spacing-md)}.ds-prose-sample__h3{font-family:var(--font-family-sans);font-size:clamp(1.25rem,1rem + 1vw,var(--text-2xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0;color:var(--color-text)}.ds-prose-sample__h4{font-family:var(--font-family-sans);font-size:clamp(1rem,.875rem + .5vw,var(--text-xl));font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0;color:var(--color-text)}.ds-prose-sample p:not(.ds-prose-sample__h3):not(.ds-prose-sample__h4){margin:0;line-height:var(--leading-normal);color:var(--color-text)}.ds-icon-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.ds-icon-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-bg-elevated);min-width:5.5rem;transition:border-color var(--duration-hover) var(--ease-out-quart)}.ds-icon-tile i{font-size:1.5rem;color:var(--color-text)}.ds-icon-tile span{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-text-muted);text-align:center;word-break:break-all}.ds-icon-weights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:var(--spacing-md)}.ds-icon-weight-card{display:flex;flex-direction:column;gap:.3rem;padding:var(--spacing-lg);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-bg-elevated)}.ds-icon-weight-card i{font-size:2rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.ds-icon-weight-card__name{font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.ds-icon-weight-card__use{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.ds-icon-weight-card .t-small{margin:0}.ds-icon-weight-card__classes{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs)}.ds-icon-weight-card__classes code{font-size:var(--text-2xs);padding:.15em .5em;border-radius:var(--border-radius-pill);background:var(--color-bg-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}}