.sm-skip-link{position:fixed;z-index:20;top:var(--sm-space-3);left:var(--sm-space-3);padding:var(--sm-space-2) var(--sm-space-4);border-radius:var(--sm-radius-full);color:var(--sm-color-accent-contrast);background:var(--sm-color-accent);transform:translateY(-200%)}.sm-skip-link:focus{transform:translateY(0)}.sm-showcase{display:grid;grid-template-columns:minmax(16rem,19rem) minmax(0,1fr);min-height:100vh}.sm-mobile-header,.sm-drawer-backdrop,.sm-drawer-close{display:none}.sm-sidebar{position:sticky;top:0;align-self:start;display:flex;box-sizing:border-box;height:100vh;flex-direction:column;overflow:hidden;padding:var(--sm-space-6) var(--sm-space-5);border-right:var(--sm-border-width) solid var(--sm-color-border);background:color-mix(in srgb,var(--sm-color-surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sm-brand{display:flex;align-items:center;gap:var(--sm-space-3)}.sm-brand-mark{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:var(--sm-radius-md);color:var(--sm-color-accent-contrast);background:var(--sm-color-accent);font-family:var(--sm-font-display);font-weight:700}.sm-brand strong,.sm-brand small{display:block}.sm-brand strong{font-family:var(--sm-font-display);font-size:var(--sm-text-sm)}.sm-brand small,.sm-stat-card small,.sm-foundation-card small{color:var(--sm-color-text-muted);font-size:var(--sm-text-xs)}.sm-theme-nav ul,.sm-component-grid{margin:0;padding:0;list-style:none}.sm-theme-nav{min-height:0;flex:1;overflow-y:auto;margin-top:var(--sm-space-6);padding-right:var(--sm-space-1);scrollbar-gutter:stable}.sm-nav-overview,.sm-theme-nav li a{display:flex;align-items:center;justify-content:space-between;gap:var(--sm-space-3);padding:.6rem var(--sm-space-3);border-radius:var(--sm-radius-sm);text-decoration:none}.sm-nav-overview{justify-content:flex-start;color:var(--sm-color-text-muted)}.sm-nav-current{color:var(--sm-color-accent)!important;background:var(--sm-color-surface-muted);font-weight:700}.sm-nav-label{margin:var(--sm-space-5) var(--sm-space-3) var(--sm-space-2);color:var(--sm-color-text-muted);font-size:var(--sm-text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sm-nav-groups{display:grid;gap:var(--sm-space-2)}.sm-nav-groups section+section{border-top:var(--sm-border-width) solid color-mix(in srgb,var(--sm-color-border) 55%,transparent)}.sm-theme-nav li a{color:var(--sm-color-text-muted);font-size:var(--sm-text-sm)}.sm-theme-nav li a:hover{color:var(--sm-color-text);background:color-mix(in srgb,var(--sm-color-surface-muted) 55%,transparent)}.sm-nav-status{font-size:.65rem;opacity:.72}.sm-viewer-controls{display:grid;flex:none;gap:var(--sm-space-4);margin-top:var(--sm-space-4);padding-top:var(--sm-space-6);border-top:var(--sm-border-width) solid var(--sm-color-border)}.sm-control-label{display:block;margin-bottom:var(--sm-space-2);color:var(--sm-color-text-muted);font-size:var(--sm-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sm-theme-picker{position:relative}.sm-theme-trigger,.sm-mode-control,.sm-theme-menu{border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-md);background:var(--sm-color-surface);box-shadow:var(--sm-shadow-sm)}.sm-theme-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--sm-space-3);padding:var(--sm-space-3);cursor:pointer;font-size:var(--sm-text-sm);font-weight:700}.sm-theme-menu{position:absolute;z-index:10;right:0;bottom:calc(100% + var(--sm-space-2));left:0;display:grid;gap:var(--sm-space-2);padding:var(--sm-space-2)}.sm-theme-menu button{display:flex;align-items:center;justify-content:space-between;gap:var(--sm-space-3);padding:var(--sm-space-3);border:0;border-radius:var(--sm-radius-sm);color:var(--sm-color-text);background:transparent;cursor:pointer;text-align:left}.sm-theme-menu button:hover,.sm-theme-menu button[aria-checked=true]{background:var(--sm-color-surface-muted)}.sm-theme-menu strong,.sm-theme-menu small{display:block}.sm-theme-menu small{color:var(--sm-color-text-muted);font-size:.65rem}.sm-mode-control{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:var(--sm-space-1)}.sm-mode-control button{padding:var(--sm-space-2);border:0;border-radius:var(--sm-radius-sm);color:var(--sm-color-text-muted);background:transparent;cursor:pointer;font-size:var(--sm-text-xs);font-weight:700}.sm-mode-control button[aria-pressed=true]{color:var(--sm-color-accent-contrast);background:var(--sm-color-accent)}.sm-main{width:min(100%,82rem);margin-inline:auto;padding:clamp(2rem,6vw,5.5rem)}.sm-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sm-space-6);margin-bottom:var(--sm-space-6)}.sm-eyebrow{margin-bottom:var(--sm-space-3);color:var(--sm-color-accent);font-size:var(--sm-text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.sm-hero h1{max-width:12ch;font-size:var(--sm-text-xl)}.sm-hero-copy{max-width:42rem;margin-top:var(--sm-space-4);color:var(--sm-color-text-muted);font-size:var(--sm-text-lg)}.sm-version,.sm-card-heading>span{flex:none;padding:var(--sm-space-2) var(--sm-space-3);border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-full);color:var(--sm-color-text-muted);background:color-mix(in srgb,var(--sm-color-surface) 80%,transparent);font-size:var(--sm-text-xs);font-weight:700}.sm-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--sm-space-4)}.sm-stat-card,.sm-foundation-card,.sm-component-grid li{border:var(--sm-border-width) solid var(--sm-color-border);background:color-mix(in srgb,var(--sm-color-surface) 94%,transparent);box-shadow:var(--sm-shadow-sm)}.sm-stat-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sm-space-3);min-width:0;padding:var(--sm-space-4);border-radius:var(--sm-radius-md);color:inherit;text-decoration:none}.sm-completion-trigger{font:inherit;text-align:left;cursor:pointer}.sm-completion-trigger:focus-visible,.sm-component-grid a:focus-visible{outline:3px solid var(--sm-color-focus);outline-offset:3px}.sm-stat-card strong,.sm-stat-card small{display:block}.sm-stat-card strong{overflow:hidden;font-size:var(--sm-text-sm);text-overflow:ellipsis;white-space:nowrap}.sm-stat-icon{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:var(--sm-radius-sm);color:var(--sm-color-accent);background:var(--sm-color-surface-muted);font-family:var(--sm-font-display);font-size:var(--sm-text-xs);font-weight:700}.sm-status{width:-moz-fit-content;width:fit-content;padding:.2rem .55rem;border-radius:var(--sm-radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em}.sm-stat-card .sm-status{grid-column:2}.sm-status--missing{color:var(--sm-color-text-muted);background:var(--sm-color-surface-muted)}.sm-status--ready{color:var(--sm-color-accent-contrast);background:var(--sm-color-accent)}.sm-status--draft{color:var(--sm-color-accent);border:var(--sm-border-width) solid var(--sm-color-accent)}.sm-status--optional{color:var(--sm-color-text);border:var(--sm-border-width) dashed var(--sm-color-border)}.sm-section{padding-top:clamp(4rem,8vw,7rem)}.sm-coverage-disclosure{padding-top:var(--sm-space-6)}.sm-section-heading,.sm-card-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sm-space-5)}.sm-section-heading{margin-bottom:var(--sm-space-6)}.sm-section-heading h2{font-size:clamp(1.75rem,4vw,2.75rem)}.sm-section-heading>p,.sm-card-heading p,.sm-type-body{color:var(--sm-color-text-muted)}.sm-section-heading>p{max-width:28rem;text-align:right}.sm-foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sm-space-4)}.sm-foundation-card{min-width:0;padding:var(--sm-space-5);border-radius:var(--sm-radius-lg)}.sm-foundation-card--wide{grid-column:span 2}.sm-card-heading{align-items:flex-start;margin-bottom:var(--sm-space-5)}.sm-card-heading h3{font-size:var(--sm-text-lg)}.sm-card-heading p{margin-top:var(--sm-space-1);font-size:var(--sm-text-xs)}.sm-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sm-space-2)}.sm-swatches small{display:block;overflow:hidden;margin-top:var(--sm-space-2);text-overflow:ellipsis;white-space:nowrap}.sm-swatch{display:block;aspect-ratio:1;border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-sm)}.sm-swatch--page{background:var(--sm-color-page)}.sm-swatch--surface{background:var(--sm-color-surface)}.sm-swatch--surface-muted{background:var(--sm-color-surface-muted)}.sm-swatch--text{background:var(--sm-color-text)}.sm-swatch--accent{background:var(--sm-color-accent)}.sm-swatch--focus{background:var(--sm-color-focus)}.sm-type-display{font-family:var(--sm-font-display);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:600;line-height:1.15;letter-spacing:-.04em}.sm-type-body{max-width:48ch;margin-top:var(--sm-space-3);font-size:var(--sm-text-sm)}.sm-space-scale,.sm-radius-scale,.sm-shadow-scale{display:flex;align-items:flex-end;gap:var(--sm-space-3);min-height:4.5rem}.sm-space-scale span{width:var(--sm-space-3);background:var(--sm-color-accent);border-radius:var(--sm-radius-full)}.sm-space-1{height:var(--sm-space-1)}.sm-space-2{height:var(--sm-space-2)}.sm-space-3{height:var(--sm-space-3)}.sm-space-4{height:var(--sm-space-4)}.sm-space-5{height:var(--sm-space-5)}.sm-space-6{height:var(--sm-space-6)}.sm-radius-scale span{flex:1;aspect-ratio:1;border:var(--sm-border-width) solid var(--sm-color-border);background:var(--sm-color-surface-muted)}.sm-radius-sm{border-radius:var(--sm-radius-sm)}.sm-radius-md{border-radius:var(--sm-radius-md)}.sm-radius-lg{border-radius:var(--sm-radius-lg)}.sm-shadow-scale span{display:grid;flex:1;aspect-ratio:1.2;place-items:center;border-radius:var(--sm-radius-md);color:var(--sm-color-text-muted);background:var(--sm-color-surface);font-size:var(--sm-text-xs)}.sm-shadow-scale span:first-child{box-shadow:var(--sm-shadow-sm)}.sm-shadow-scale span:last-child{box-shadow:var(--sm-shadow-md)}.sm-motion-track{height:.5rem;margin-block:var(--sm-space-6) var(--sm-space-4);border-radius:var(--sm-radius-full);background:var(--sm-color-surface-muted)}.sm-motion-track span{display:block;width:1.25rem;height:1.25rem;border-radius:var(--sm-radius-full);background:var(--sm-color-focus);transform:translateY(-.375rem);animation:sm-foundation-motion 2.4s var(--sm-ease-standard) infinite alternate}@keyframes sm-foundation-motion{to{transform:translate(10rem,-.375rem)}}.sm-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sm-space-3)}.sm-component-groups{display:grid;gap:var(--sm-space-6)}.sm-component-groups>section>h3{margin-bottom:var(--sm-space-3);color:var(--sm-color-text-muted);font-size:var(--sm-text-xs);letter-spacing:.12em;text-transform:uppercase}.sm-component-grid li{overflow:hidden;padding:0;border-radius:var(--sm-radius-md)}.sm-component-grid li>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sm-space-3);padding:var(--sm-space-4);color:inherit;text-decoration:none}.sm-component-grid li.sm-component-current{outline:3px solid var(--sm-color-focus);outline-offset:2px}.sm-component-grid strong{font-size:var(--sm-text-sm)}.sm-component-index{color:var(--sm-color-accent);font-family:var(--sm-font-display);font-size:var(--sm-text-xs);font-weight:700}.sm-component-page:focus{outline:none}.sm-component-hero,.sm-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sm-space-5)}.sm-component-hero{margin-bottom:var(--sm-space-6)}.sm-component-hero h1{font-size:var(--sm-text-xl)}.sm-component-hero>div>p:last-child{max-width:42rem;margin-top:var(--sm-space-3);color:var(--sm-color-text-muted);font-size:var(--sm-text-lg)}.sm-component-actions{display:flex;flex:none;align-items:center;gap:var(--sm-space-3)}.sm-review-trigger{display:inline-flex;align-items:center;gap:var(--sm-space-2);padding:var(--sm-space-2) var(--sm-space-3);border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-full);color:var(--sm-color-text);background:var(--sm-color-surface);box-shadow:var(--sm-shadow-sm);font:inherit;font-size:var(--sm-text-xs);font-weight:700;cursor:pointer}.sm-review-trigger span{color:var(--sm-color-accent)}.sm-review-trigger:focus-visible{outline:3px solid var(--sm-color-focus);outline-offset:3px}.sm-component-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sm-space-5);align-items:start}.sm-preview-panel,.sm-code-panel,.sm-review-panel,.sm-draft-warning{border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-lg);background:color-mix(in srgb,var(--sm-color-surface) 94%,transparent);box-shadow:var(--sm-shadow-sm)}.sm-preview-panel,.sm-code-panel,.sm-review-panel{min-width:0;padding:clamp(1.25rem,3vw,2rem)}.sm-panel-heading{margin-bottom:var(--sm-space-5)}.sm-panel-heading h2{font-size:var(--sm-text-lg)}.sm-panel-heading>span{flex:none;color:var(--sm-color-text-muted);font-size:var(--sm-text-xs);font-weight:700}.sm-button-matrix,.sm-button-matrix>section{display:grid;gap:var(--sm-space-4)}.sm-button-matrix{gap:var(--sm-space-6)}.sm-button-matrix h3,.sm-review-columns h3{color:var(--sm-color-text-muted);font-size:var(--sm-text-xs);letter-spacing:.08em;text-transform:uppercase}.sm-button-row{display:flex;flex-wrap:wrap;gap:var(--sm-space-3);align-items:center}.sm-form-matrix,.sm-card-matrix,.sm-alert-matrix,.sm-table-matrix,.sm-media-card-matrix,.sm-progress-matrix,.sm-disclosure-matrix,.sm-empty-state-matrix,.sm-skeleton-matrix,.sm-spinner-matrix,.sm-toast-stack{display:grid;gap:var(--sm-space-5)}.sm-media-card-matrix,.sm-empty-state-matrix,.sm-skeleton-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-dialog-preview,.sm-toast-preview{display:grid;gap:var(--sm-space-4);justify-items:start}.sm-toast-stack{width:min(100%,38rem)}.sm-related-components{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sm-space-2);margin-bottom:var(--sm-space-5);color:var(--sm-color-text-muted);font-size:var(--sm-text-xs)}.sm-related-components ul{display:flex;flex-wrap:wrap;gap:var(--sm-space-2);margin:0;padding:0;list-style:none}.sm-related-components a{padding:var(--sm-space-1) var(--sm-space-2);border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-sm);color:var(--sm-color-text);background:var(--sm-color-surface-muted);text-decoration:none}.sm-related-components a:focus-visible{outline:3px solid var(--sm-color-focus);outline-offset:2px}.sm-form-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-card-matrix{grid-template-columns:minmax(0,1fr)}.sm-badge-matrix{display:flex;flex-wrap:wrap;gap:var(--sm-space-4);align-items:center}.sm-form-matrix>:last-child:nth-child(odd){grid-column:1 / -1}.sm-preview-control--focus{outline:var(--sm-field-focus-outline);outline-offset:var(--sm-field-focus-offset);box-shadow:var(--sm-field-focus-shadow)!important;transform:var(--sm-field-focus-transform)}.sm-table .sm-preview-row--hover>*{color:var(--sm-table-hover-text);background:var(--sm-table-hover-background)}.sm-typography .sm-preview-link--hover{color:var(--sm-typography-link-hover-color);background:var(--sm-typography-link-hover-background);text-decoration-thickness:var(--sm-typography-link-hover-decoration)}.sm-typography .sm-preview-link--focus{border-radius:var(--sm-typography-link-focus-radius);outline:var(--sm-typography-link-focus-outline);outline-offset:var(--sm-typography-link-focus-offset)}.sm-code-panel{display:flex;flex-direction:column}.sm-code-tabs{display:flex;gap:var(--sm-space-1);overflow-x:auto;border-bottom:var(--sm-border-width) solid var(--sm-color-border)}.sm-code-tabs button,.sm-copy-action,.sm-code-actions a{border:0;color:var(--sm-color-text-muted);background:transparent;font:inherit;font-size:var(--sm-text-xs);font-weight:700;cursor:pointer}.sm-code-tabs button{flex:none;padding:var(--sm-space-3);border-bottom:2px solid transparent}.sm-code-tabs button[aria-selected=true]{color:var(--sm-color-accent);border-bottom-color:var(--sm-color-accent)}.sm-code-tabs button:focus-visible,.sm-copy-action:focus-visible,.sm-code-actions a:focus-visible{outline:3px solid var(--sm-color-focus);outline-offset:2px}.sm-code-panel [role=tabpanel]{display:flex;min-height:0;flex:1}.sm-code-panel pre{width:100%;min-height:24rem;max-height:36rem;flex:1;overflow:auto;margin-block:var(--sm-space-4);padding:var(--sm-space-4);border-radius:var(--sm-radius-md);color:var(--sm-color-text);background:var(--sm-color-page);font-family:var(--sm-font-mono);font-size:.75rem;line-height:1.65;white-space:pre}.sm-code-actions{display:flex;flex-wrap:wrap;gap:var(--sm-space-3)}.sm-copy-action,.sm-code-actions a{padding:var(--sm-space-3) var(--sm-space-4);border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-sm);color:var(--sm-color-text);background:var(--sm-color-surface-muted);text-decoration:none}.sm-review-panel{margin-bottom:var(--sm-space-5)}.sm-review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sm-space-5)}.sm-review-columns ul{display:grid;gap:var(--sm-space-2);margin-top:var(--sm-space-3)}.sm-review-columns li{display:flex;justify-content:space-between;gap:var(--sm-space-4);padding-block:var(--sm-space-2);border-bottom:var(--sm-border-width) solid var(--sm-color-border);color:var(--sm-color-text-muted);font-size:var(--sm-text-xs)}.sm-review-columns li strong{flex:none;color:var(--sm-color-accent)}.sm-review-meta,.sm-stale-warning{margin-top:var(--sm-space-5);color:var(--sm-color-text-muted);font-size:var(--sm-text-xs)}.sm-draft-warning{display:flex;gap:var(--sm-space-3);margin-bottom:var(--sm-space-5);padding:var(--sm-space-4);color:var(--sm-color-accent)}.sm-draft-warning span{color:var(--sm-color-text-muted)}@media(max-width:70rem){.sm-showcase{grid-template-columns:15rem minmax(0,1fr)}.sm-sidebar{padding-inline:var(--sm-space-4)}.sm-main{padding:clamp(2rem,4vw,4rem)}.sm-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:52rem){.sm-mobile-header{position:sticky;z-index:18;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--sm-space-3) var(--sm-space-4);border-bottom:var(--sm-border-width) solid var(--sm-color-border);background:color-mix(in srgb,var(--sm-color-surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sm-drawer-trigger,.sm-drawer-close{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:var(--sm-border-width) solid var(--sm-color-border);border-radius:var(--sm-radius-md);color:var(--sm-color-text);background:var(--sm-color-surface);box-shadow:var(--sm-shadow-sm);cursor:pointer;font-size:var(--sm-text-lg)}.sm-drawer-close{position:absolute;top:var(--sm-space-4);right:var(--sm-space-4)}.sm-drawer-backdrop{position:fixed;z-index:18;inset:0;display:block;width:100%;height:100%;border:0;background:color-mix(in srgb,var(--sm-color-text) 36%,transparent);cursor:pointer}.sm-showcase{display:block}.sm-sidebar{position:fixed;z-index:19;inset:0 auto 0 0;width:min(20rem,88vw);height:100dvh;border-right:var(--sm-border-width) solid var(--sm-color-border);transform:translate(-110%);transition:transform var(--sm-duration-normal) var(--sm-ease-standard)}.sm-sidebar.sm-sidebar--open{transform:translate(0)}.sm-sidebar>.sm-brand{padding-right:3.5rem}.sm-theme-nav ul{display:block}.sm-viewer-controls{margin-top:var(--sm-space-6)}.sm-stat-grid,.sm-review-columns{grid-template-columns:1fr}}@media(max-width:38rem){.sm-main{padding-inline:var(--sm-space-4)}.sm-hero,.sm-component-hero,.sm-section-heading{align-items:flex-start;flex-direction:column}.sm-section-heading>p{text-align:left}.sm-foundation-grid,.sm-component-grid,.sm-form-matrix,.sm-card-matrix,.sm-media-card-matrix,.sm-empty-state-matrix,.sm-skeleton-matrix{grid-template-columns:1fr}.sm-form-matrix>:last-child:nth-child(odd){grid-column:auto}.sm-foundation-card--wide{grid-column:auto}.sm-swatches{grid-template-columns:repeat(3,1fr)}.sm-theme-nav ul{grid-template-columns:1fr}.sm-preview-panel,.sm-code-panel,.sm-review-panel{padding:var(--sm-space-4)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sm-motion-track span{animation:none}}