.foundation-guide{background:var(--color__background);color:var(--color__text-900);flex:1;min-height:0;overflow-y:auto;container-type:inline-size}.foundation-guide__hero{background:var(--color__surface);border-block-end:var(--thickness) solid var(--color__border-subtle)}.foundation-guide__hero-content{--container__max-width:72rem;--container__padding:clamp(var(--spacing__xl), calc(4cqw + .4px), 4rem) clamp(var(--spacing__md), calc(4cqw + .4px), 3rem) clamp(var(--spacing__2xl), 3cqw, 2.5rem);--stack__gap:0}.foundation-guide__eyebrow,.foundation-guide__theme-label{color:var(--color__accent);margin:0}.foundation-guide__hero .docs-title{margin:var(--spacing__md) 0 0;max-width:18ch}.foundation-guide__lede{margin:var(--spacing__lg) 0 0;max-width:43rem}.foundation-guide__accessibility-number{color:var(--color__accent);font-family:var(--font-family__monospace);font-size:.6875rem;font-weight:700}.foundation-guide__body{--container__max-width:72rem;--container__padding:0 clamp(var(--spacing__md), calc(4cqw + .4px), 3rem);inline-size:100%}.foundation-guide__section{--stack__gap:0;scroll-margin-top:var(--spacing__md);padding:clamp(2.5rem,4cqw,3rem) 0}.foundation-guide__section-divider{--divider__spacing:0;--divider__thickness:var(--thickness)}.foundation-guide__section--last{padding-bottom:5rem}.foundation-guide__section-heading{--stack__gap:var(--spacing__md);max-width:46rem}.foundation-guide__section-heading .docs-section-title,.foundation-guide__section-heading>.docs-lede{margin:0}.foundation-guide__overview-grid,.foundation-guide__theme-grid{--grid__gap:var(--spacing__xl);margin-top:var(--spacing__xl);grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr)}.foundation-guide__layout-grid h3{font-family:var(--font-family__display);letter-spacing:var(--tracking-display);margin:0;font-size:1.125rem;line-height:1.25}.foundation-guide__layout-guidance p{color:var(--color__text-700);margin:0;line-height:1.65}.foundation-guide__specimen-window{--inline__gap:calc(var(--spacing__sm) / 2);background:var(--color__surface-muted);border-block-end:var(--thickness) solid var(--color__border-subtle);padding:var(--spacing__sm) var(--spacing__md)}.foundation-guide__specimen-window span{background:var(--color__border);border-radius:var(--roundness__full);width:.5rem;height:.5rem}.foundation-guide__specimen-body{--inline__gap:var(--spacing__xl);min-height:16rem}.foundation-guide__specimen-body>div{--stack__gap:.4rem}.foundation-guide__specimen-kicker{color:var(--color__accent);font-size:var(--font-size__xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.foundation-guide__specimen-body strong{font-family:var(--font-family__display);font-size:var(--font-size__xl);letter-spacing:var(--tracking-display)}.foundation-guide__specimen-body p,.foundation-guide__scope p,.foundation-guide__theme-preview p,.foundation-guide__theme-code p{color:var(--color__text-700);margin:0;line-height:1.6}.foundation-guide__scope,.foundation-guide__scope>.content,.foundation-guide__theme-code>.content{--stack__gap:var(--spacing__md)}.foundation-guide__scope h3{font-size:var(--font-size__md);margin:0}.foundation-guide__scope pre{background:var(--color__text-900);border-radius:var(--roundness);color:var(--color__background);padding:var(--spacing__md);white-space:pre-wrap;margin:0;font-size:.78rem;line-height:1.7;overflow-x:auto}.foundation-guide__scope pre code{overflow-wrap:anywhere}.foundation-guide__palette-list{--stack__gap:var(--spacing__2xl);margin-top:calc(var(--spacing__xl) * 2)}.foundation-guide__core-colors{gap:var(--spacing__sm);margin-top:calc(var(--spacing__xl) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.foundation-guide__core-color{border:var(--thickness) solid var(--color__border-subtle);border-radius:var(--roundness);align-items:center;gap:var(--spacing__sm);padding:var(--spacing__sm);grid-template-columns:2.5rem minmax(0,1fr) auto;display:grid}.foundation-guide__core-color span{border:var(--thickness) solid #0000001a;border-radius:var(--roundness);height:2.5rem}.foundation-guide__core-color code,.foundation-guide__core-color small{overflow-wrap:anywhere}.foundation-guide__core-color small{color:var(--color__text-600);font-family:var(--font-family__monospace);font-size:.6875rem}.foundation-guide__palette{--stack__gap:var(--spacing__sm)}.foundation-guide__palette header{--inline__gap:var(--spacing__sm);align-items:baseline}.foundation-guide__palette h3,.foundation-guide__palette h4,.foundation-guide__palette p{margin:0}.foundation-guide__palette h3,.foundation-guide__palette h4{font-size:.9375rem}.foundation-guide__palette code{color:var(--color__text-600);font-size:var(--font-size__xs)}.foundation-guide__swatches{--grid__columns:15;--grid__gap:0}.foundation-guide__swatch>span{border:var(--thickness) solid #0000000f;height:4.5rem;display:block}.foundation-guide__swatch:first-child>span{border-radius:var(--roundness) 0 0 var(--roundness)}.foundation-guide__swatch:last-child>span{border-radius:0 var(--roundness) var(--roundness) 0}.foundation-guide__swatch small{color:var(--color__text-600);font-family:var(--font-family__monospace);text-align:center;gap:.1rem;margin-top:.45rem;font-size:.625rem;display:grid}.foundation-guide__swatch small>span:last-child{font-size:.5625rem}.foundation-guide__semantic-colors{--grid__columns:4;--grid__gap:var(--spacing__sm);margin-top:calc(var(--spacing__xl) * 2)}.foundation-guide__semantic-palette-list{--stack__gap:var(--spacing__2xl);margin-top:calc(var(--spacing__xl) * 2)}.foundation-guide__semantic-palette-heading{--stack__gap:var(--spacing__2xs)}.foundation-guide__semantic-palette-heading h3,.foundation-guide__semantic-palette-heading p{margin:0}.foundation-guide__semantic-palette-heading h3{font-family:var(--font-family__display);font-size:var(--font-size__lg);letter-spacing:var(--tracking-display)}.foundation-guide__semantic-palette-heading p{color:var(--color__text-700);max-width:46rem;line-height:1.6}.foundation-guide__reference-groups{--grid__columns:2;--grid__gap:var(--spacing__md);margin-top:calc(var(--spacing__xl) * 2)}.foundation-guide__reference-group>.content{--stack__gap:var(--spacing__md)}.foundation-guide__reference-group h3{font-size:var(--font-size__md);margin:0}.foundation-guide__reference-group dl{border-block-start:var(--thickness) solid var(--color__border-subtle);margin:0}.foundation-guide__reference-group dl>div{border-block-end:var(--thickness) solid var(--color__border-subtle);align-items:baseline;gap:var(--spacing__sm);padding:var(--spacing__xs) 0;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);display:grid}.foundation-guide__reference-group dt,.foundation-guide__reference-group dd{min-width:0;margin:0}.foundation-guide__reference-group code{overflow-wrap:anywhere;font-size:.6875rem}.foundation-guide__reference-group dd code{color:var(--color__text-600)}.foundation-guide__semantic-color{background:var(--foundation-guide__sample-background);color:var(--foundation-guide__sample-foreground);border:var(--thickness) solid var(--color__border-subtle);border-radius:var(--roundness);padding:var(--spacing__sm) var(--spacing__md)}.foundation-guide__semantic-color>.content{--stack__gap:var(--spacing__xs)}.foundation-guide__semantic-colors span{font-size:var(--font-size__sm);font-weight:700}.foundation-guide__semantic-colors code{overflow-wrap:anywhere;font-size:.6875rem}.foundation-guide__semantic-colors small{font-family:var(--font-family__monospace);font-size:.6875rem}.foundation-guide__type-specimens{--grid__gap:0;margin-top:calc(var(--spacing__xl) * 2);grid-template-columns:1.15fr 1fr}.foundation-guide__type-specimen>.content{--stack__gap:2rem}.foundation-guide__type-specimen--display{grid-row:span 2}.foundation-guide__type-specimen header{--inline__gap:var(--spacing__xs) var(--spacing__md)}.foundation-guide__type-specimen header span{color:var(--color__accent);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.6875rem;font-weight:700}.foundation-guide__type-specimen header code,.foundation-guide__type-specimen small{color:var(--color__text-600);font-size:.6875rem}.foundation-guide__type-specimen>.content>p{margin:0}.foundation-guide__type-specimen--display>.content>p{font-family:var(--font-family__display);letter-spacing:var(--tracking-display);font-size:clamp(2.25rem,5vw,4.5rem);line-height:1}.foundation-guide__type-specimen--body>.content>p{color:var(--color__text-700);font-family:var(--font-family__sans-serif);line-height:1.7}.foundation-guide__type-specimen--mono>.content>p{font-family:var(--font-family__monospace);font-size:var(--font-size__sm);overflow-wrap:anywhere}.foundation-guide__spacing-scale{margin-top:var(--spacing__xl)}.foundation-guide__layout-grid{--grid__gap:var(--spacing__xl);margin-top:var(--spacing__xl);grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr)}.foundation-guide__layout-code>.content,.foundation-guide__layout-guidance>.content{--stack__gap:var(--spacing__md)}.foundation-guide__spacing-scale article{--grid__gap:var(--spacing__xl);border-block-start:var(--thickness) solid var(--color__border-subtle);padding:.875rem var(--spacing__md);grid-template-columns:minmax(11rem,1fr) minmax(7rem,2fr) 7rem}.foundation-guide__spacing-scale article:first-child{border-top:0}.foundation-guide__spacing-label{--inline__gap:var(--spacing__sm);align-items:baseline}.foundation-guide__spacing-label strong{min-width:2rem}.foundation-guide__spacing-label code,.foundation-guide__spacing-scale p,.foundation-guide__spacing-scale small{color:var(--color__text-600);font-size:var(--font-size__xs)}.foundation-guide__spacing-bar{background:var(--color__accent-focus);border-radius:var(--roundness__full);max-width:100%;height:.5rem;display:block}.foundation-guide__spacing-scale p{text-align:right;margin:0}.foundation-guide__spacing-scale small{margin-left:.35rem}.foundation-guide__shape-grid,.foundation-guide__motion-grid{--grid__columns:3;--grid__gap:var(--spacing__md);margin-top:var(--spacing__xl)}.foundation-guide__depth-grid{--grid__columns:4;--grid__gap:var(--spacing__md);margin-top:var(--spacing__xl)}.foundation-guide__shape-card,.foundation-guide__depth-card,.foundation-guide__shape-card>.content{--inline__gap:var(--spacing__md)}.foundation-guide__shape-card>.content>.stack,.foundation-guide__depth-card>.content{--stack__gap:var(--spacing__2xs)}.foundation-guide__shape-card code,.foundation-guide__depth-card code,.foundation-guide__motion-card code{color:var(--color__text-600);font-size:.6875rem}.foundation-guide__radius-sample{background:var(--color__accent-subtle);border:var(--thickness) solid var(--color__accent-focus);flex:none;width:4rem;height:4rem;display:block}.foundation-guide__radius-sample--none{border-radius:var(--roundness__none)}.foundation-guide__radius-sample--default{border-radius:var(--roundness)}.foundation-guide__radius-sample--full{border-radius:var(--roundness__full)}.foundation-guide__depth-card{background:var(--color__surface);border:var(--thickness) solid var(--color__border-subtle);border-radius:var(--roundness);padding:var(--spacing__md);min-height:9rem}.foundation-guide__depth-card--none{box-shadow:var(--shadow__none)}.foundation-guide__depth-card--inner{box-shadow:var(--shadow__inner)}.foundation-guide__depth-card--level-1{box-shadow:var(--shadow__level-1)}.foundation-guide__depth-card--level-2{box-shadow:var(--shadow__level-2)}.foundation-guide__depth-card--level-3{box-shadow:var(--shadow__level-3)}.foundation-guide__motion-card>.content{--stack__gap:.35rem}.foundation-guide__motion-track{background:var(--color__surface-muted);border-radius:var(--roundness__full);height:2rem;margin-bottom:var(--spacing__lg);padding:.375rem;overflow:hidden}.foundation-guide__motion-track span{width:calc(100% - 1.25rem);height:1.25rem;display:block}.foundation-guide__motion-track span:before{background:var(--color__accent-focus);border-radius:var(--roundness__full);content:"";width:1.25rem;height:1.25rem;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.foundation-guide__motion-card:hover .foundation-guide__motion-track span{animation:stardwst-docs-foundation-motion var(--foundation-guide__sample-duration) var(--easing__out-expo) infinite alternate}}.foundation-guide__motion-card p{color:var(--color__text-700);font-size:var(--font-size__xs);margin:0}.foundation-guide__theme-preview{min-height:14rem}.foundation-guide__theme-preview>.content{--stack__gap:var(--spacing__xl)}.foundation-guide__theme-label{margin:0}.foundation-guide__accessibility-grid{--grid__gap:0;margin-top:var(--spacing__xl);grid-template-columns:repeat(2,1fr)}.foundation-guide__accessibility-grid>.card>.content{--grid__gap:var(--spacing__md);grid-template-columns:auto 1fr}.foundation-guide__accessibility-grid h3,.foundation-guide__accessibility-grid p{margin:0}.foundation-guide__accessibility-grid h3{font-size:var(--font-size__md)}.foundation-guide__accessibility-grid p{color:var(--color__text-700);font-size:var(--font-size__sm);margin-top:.35rem;line-height:1.65}.foundation-guide__focus-demo{margin-top:var(--spacing__xl)}.foundation-guide__focus-demo>.content{--grid__gap:var(--spacing__sm);grid-template-columns:1fr auto auto}.foundation-guide__focus-demo>.content>div>span{font-size:var(--font-size__sm);font-weight:700}.foundation-guide__focus-demo p{color:var(--color__text-700);margin:var(--spacing__2xs) 0 0;font-size:.8125rem}.foundation-guide__related{align-items:center;gap:var(--spacing__sm) var(--spacing__lg);margin-top:var(--spacing__xl);flex-wrap:wrap;display:flex}.foundation-guide__related>span{color:var(--color__text-600);font-size:.8125rem}@keyframes stardwst-docs-foundation-motion{to{transform:translate(100%)}}@container (width<=56.25rem){.foundation-guide__semantic-colors,.foundation-guide__depth-grid{--grid__columns:2}.foundation-guide__overview-grid,.foundation-guide__theme-grid,.foundation-guide__type-specimens,.foundation-guide__layout-grid{grid-template-columns:1fr}.foundation-guide__type-specimen--display{grid-row:auto}}@container (width<=42.5rem){.foundation-guide__specimen-body{flex-direction:column;align-items:stretch}.foundation-guide__swatches{--grid__columns:5;row-gap:var(--spacing__md)}.foundation-guide__swatch:nth-child(5n+1)>span{border-radius:var(--roundness) 0 0 var(--roundness)}.foundation-guide__swatch:nth-child(5n)>span{border-radius:0 var(--roundness) var(--roundness) 0}.foundation-guide__semantic-colors,.foundation-guide__shape-grid,.foundation-guide__depth-grid,.foundation-guide__motion-grid,.foundation-guide__reference-groups{--grid__columns:1}.foundation-guide__core-colors,.foundation-guide__accessibility-grid{grid-template-columns:1fr}.foundation-guide__spacing-scale article{gap:var(--spacing__sm);grid-template-columns:1fr auto}.foundation-guide__spacing-bar{grid-area:2/1/auto/-1}.foundation-guide__spacing-scale p{grid-area:1/2}.foundation-guide__focus-demo>.content{grid-template-columns:1fr 1fr}.foundation-guide__focus-demo>.content>div{grid-column:1/-1}}@container (width<=48rem){.foundation-guide__section--last{padding-bottom:3rem}}@media (prefers-reduced-motion:reduce){.foundation-guide__motion-track span{animation:none}}