.slider-specimen{display:grid;gap:var(--spacing-md);padding:var(--spacing-sm);border:var(--control-indicator-size) solid var(--border);background:var(--background-elevated)}.slider-specimen__header{display:grid;gap:var(--spacing-2xs)}.slider-specimen__header>*{margin:0}.slider-specimen__header p{max-width:var(--container-measure);color:var(--text-secondary)}.switch-specimen{display:grid;min-width:0;gap:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--border)}.switch-specimen__header{display:grid;gap:var(--spacing-2xs)}.switch-specimen__header h4,.switch-specimen__header p{margin:0}.switch-specimen__header h4{color:var(--text-primary);font-size:var(--text-heading);line-height:var(--text-heading--line-height);font-weight:var(--text-heading--font-weight)}.switch-specimen__header p,.switch-specimen__state{font-size:var(--text-body);line-height:var(--text-body--line-height)}.switch-specimen__header p{max-width:var(--container-measure);color:var(--text-secondary)}.switch-specimen__row{padding-block-start:var(--spacing-xs);border-block-start:1px solid var(--border-tertiary)}.switch-specimen__action{display:flex;min-width:max-content;align-items:center;gap:var(--spacing-2xs)}.switch-specimen__state{color:var(--text-tertiary);text-align:end}@media(max-width:30rem){.switch-specimen{padding:var(--spacing-xs)}.switch-specimen__row [data-slot=field]{grid-template-columns:1fr}.switch-specimen__action{min-width:0;justify-content:flex-end}.switch-specimen__state{min-width:0}}.tabs-specimen,.tabs-specimen__case,.tabs-specimen__header,.tabs-specimen__stage,.tabs-specimen__panel,.tabs-specimen__panel-frame{display:grid;min-width:0}.tabs-specimen{gap:var(--spacing-lg)}.tabs-specimen :is(h4,h5,p){margin:0}.tabs-specimen__case{gap:var(--spacing-sm);padding-block:var(--spacing-sm);border-block:1px solid var(--border-tertiary)}.tabs-specimen__case+.tabs-specimen__case{border-block-start:0}.tabs-specimen__header{gap:var(--spacing-3xs)}.tabs-specimen__header h4,.tabs-specimen__panel h5{color:var(--text-primary);font-size:var(--text-heading);line-height:var(--text-heading--line-height);font-weight:var(--text-heading--font-weight)}.tabs-specimen__header p,.tabs-specimen__hint,.tabs-specimen__panel p,.tabs-specimen__count,.tabs-specimen__status{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--text-body--line-height)}.tabs-specimen__controls{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--spacing-2xs)}.tabs-specimen__count,.tabs-specimen__status{margin-inline-start:auto;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tabs-specimen__stage{gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border);background:var(--background-primary)}.tabs-specimen__hint{max-inline-size:var(--container-measure)}.tabs-specimen__panel-frame{min-block-size:calc(var(--control-height-touch) * 2 + var(--spacing-sm));align-content:start;padding:var(--spacing-sm);border:1px solid var(--border-tertiary);background:var(--background-elevated)}.tabs-specimen__panel{max-inline-size:var(--container-measure);gap:var(--spacing-3xs)}.tabs-specimen__panel h5{font-size:var(--text-body);line-height:var(--text-body--line-height)}@media(max-width:30rem){.tabs-specimen{gap:var(--spacing-md)}.tabs-specimen__case,.tabs-specimen__stage{gap:var(--spacing-xs)}.tabs-specimen__stage{padding:var(--spacing-xs)}.tabs-specimen__count,.tabs-specimen__status{flex-basis:100%;margin-inline-start:0}}@media(prefers-contrast:more){.tabs-specimen__stage,.tabs-specimen__panel-frame{border-color:var(--border-primary-solid)}}.style-guide-intro{padding-block-end:var(--spacing-xl);border-block-end:1px solid var(--border)}.style-guide-chapter-link{display:block;min-block-size:100%;padding:var(--spacing-sm);border-block:1px solid var(--border);text-decoration-line:none;--lift-text: var(--text-primary);--lift-text-on: var(--text-interactive);--lift-surface: transparent;--lift-surface-on: var(--background-elevated)}.style-guide-chapter-link__title,.style-guide-chapter-link__description{display:block}.style-guide-chapter-link__title{margin-block-start:var(--spacing-2xs)}.style-guide-chapter-link__description{margin-block-start:var(--spacing-3xs)}.style-guide-content{min-width:0}.style-guide-chapter{padding-block-start:var(--spacing-xl);border-block-start:1px solid var(--border)}.style-guide-chapter:first-child{padding-block-start:0;border-block-start:0}.style-guide-chapter__header,.style-guide-topic__header{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.style-guide-topic+.style-guide-topic{padding-block-start:var(--spacing-xl);border-block-start:1px solid var(--border-tertiary)}.style-guide-role{display:flex;align-items:center;gap:var(--spacing-xs);min-block-size:var(--control-height-touch);padding-block:var(--spacing-2xs);border-block:1px solid var(--border-tertiary)}.style-guide-role__sample{flex:0 0 var(--control-height-compact);inline-size:var(--control-height-compact);block-size:var(--control-height-compact);border:1px solid var(--border);background:var(--style-guide-role)}.style-guide-role__label,.style-guide-role code{display:block}.style-guide-role code{color:var(--text-secondary)}.style-guide-type-specimen{padding-block-end:var(--spacing-sm);border-block-end:1px solid var(--border-tertiary)}.style-guide-type-specimen>:last-child{margin-block-start:var(--spacing-3xs)}.style-guide-reading-specimen{padding:var(--spacing-card);background:var(--background-elevated)}.style-guide-spacing-scale{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.style-guide-spacing-row{display:grid;grid-template-columns:var(--spacing-xl) minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm);min-width:0}.style-guide-spacing-bar{display:block;inline-size:min(var(--style-guide-size),100%);block-size:var(--spacing-3xs);background:var(--decorative-accent)}.style-guide-surface-canvas{padding:var(--spacing-md);border:1px solid var(--border);background:var(--background-primary)}.style-guide-surface{padding:var(--spacing-md);background:var(--background-elevated)}.style-guide-surface--hover{background:var(--background-elevated-hover)}.style-guide-surface__inset{margin-block-start:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-secondary)}.style-guide-foundation-card{min-block-size:100%;padding:var(--spacing-sm);border:1px solid var(--border)}.style-guide-foundation-card__description{margin-block-start:var(--spacing-3xs)}.style-guide-definition-list{margin-block-start:var(--spacing-sm)}.style-guide-definition-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-sm);padding-block:var(--spacing-2xs);border-block-start:1px solid var(--border-tertiary)}.style-guide-definition-list dd{color:var(--text-secondary);text-align:end}.style-guide-container-specimen__bar{display:block;inline-size:100%;max-inline-size:var(--style-guide-container);block-size:var(--spacing-xs);margin-block-end:var(--spacing-3xs);background:var(--background-secondary)}.style-guide-disclosure{border-block:1px solid var(--border)}.style-guide-disclosure-list .style-guide-disclosure{border-block-end-width:0}.style-guide-disclosure-list{border-block-end:1px solid var(--border)}.style-guide-disclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-sm);min-block-size:var(--control-height-touch);padding-block:var(--spacing-xs);padding-inline:var(--spacing-xs);cursor:pointer;list-style:none;font-weight:var(--text-heading--font-weight);--lift-text: var(--text-primary);--lift-text-on: var(--text-interactive);--lift-surface: transparent;--lift-surface-on: var(--background-secondary)}.style-guide-disclosure>summary::-webkit-details-marker{display:none}.style-guide-disclosure>summary:after{content:"+";color:var(--text-secondary);font-variant-numeric:tabular-nums}.style-guide-disclosure[open]>summary:after{content:"−"}.style-guide-disclosure[open]>summary{border-block-end:1px solid var(--border-tertiary)}.style-guide-disclosure__meta{color:var(--text-secondary);font-weight:var(--text-body--font-weight)}.style-guide-disclosure__body{padding-block:var(--spacing-md);padding-inline:var(--spacing-xs)}.grid-specimen__track{min-block-size:var(--spacing-xl);border:1px solid var(--border);background:var(--background-secondary)}.grid-specimen__item{display:flex;align-items:center;min-block-size:var(--spacing-xl);padding:var(--spacing-2xs);border:1px solid var(--border);background:var(--background-secondary);color:var(--text-secondary)}.style-guide-primitive{inline-size:var(--spacing-2xl)}.style-guide-primitive__chip{display:block;block-size:var(--spacing-xl);margin-block-end:var(--spacing-3xs);border:1px solid var(--border)}.style-guide-palette-mapping>*+*{margin-block-start:var(--spacing-3xs)}.style-guide-palette-mapping .label{display:inline-block;min-inline-size:var(--spacing-xl);margin-inline-end:var(--spacing-2xs)}.style-guide-token{min-block-size:100%;padding:var(--spacing-xs);border:1px solid var(--border)}.style-guide-token__sample{display:block;block-size:var(--control-height-compact);margin-block-end:var(--spacing-2xs);border:1px solid var(--border-tertiary);background:var(--style-guide-token)}.style-guide-token>code{display:block;overflow-wrap:anywhere}.style-guide-token__mapping{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-2xs);margin-block-start:var(--spacing-2xs);color:var(--text-secondary)}.style-guide-token__mapping dt{text-transform:uppercase;font-weight:var(--text-heading--font-weight)}.style-guide-token__mapping dd{overflow-wrap:anywhere}.light-shade-specimen--raised{box-shadow:var(--light-shade-raised)}.light-shade-specimen--hover{box-shadow:var(--light-shade-raised-hover)}@media(max-width:40rem){.style-guide-chapter-link__description{display:none}}@media(max-width:24rem){.style-guide-content :is(h2,h3)[id]{scroll-margin-top:calc(var(--header-height) + var(--spacing-xl) + var(--spacing-2xs))}}@media(max-width:30rem){.style-guide-spacing-row{grid-template-columns:var(--spacing-lg) minmax(0,1fr);gap:var(--spacing-2xs)}.style-guide-spacing-row>:last-child{grid-column:1 / -1}.style-guide-disclosure>summary{grid-template-columns:minmax(0,1fr) auto}.style-guide-disclosure__meta{display:none}.style-guide-definition-list>div{grid-template-columns:minmax(0,1fr);gap:var(--spacing-3xs)}.style-guide-definition-list dd{text-align:start}}@media(prefers-reduced-transparency:reduce){.style-guide-chapter-link,.style-guide-disclosure>summary{background:var(--background-primary)}}