.color-brand-grid .doc-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.color-brand-swatch-block{border-radius:var(--radius-md);width:100%;height:120px}.color-brand-swatch-block.needs-outline,.color-inspector-swatch.needs-outline,.color-contrast-aa.needs-outline,.color-swatch.needs-outline{outline:1px solid var(--doc-border);outline-offset:-1px}.color-brand-meta{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.color-brand-meta>code{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);overflow-wrap:anywhere}.color-swatch{border-radius:var(--radius-xs);flex:none;width:24px;height:24px;display:inline-block}.color-palette-section{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.color-palette-scroll{scrollbar-color:var(--doc-border) transparent;min-width:0;max-width:100%;overflow:auto}.color-palette-headers,.color-palette-ramp{align-items:center;gap:var(--space-xs);grid-template-columns:minmax(96px,.28fr) minmax(0,1fr);display:grid}.color-palette-headers{margin-bottom:var(--space-xs);color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);text-align:center}.color-palette-headers .color-palette-steps{min-width:528px}.color-palette-headers .is-base{color:var(--doc-text);font-weight:700}.color-palette-ramp+.color-palette-ramp{margin-top:var(--space-sm)}.color-palette-hue{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);text-transform:uppercase}.color-palette-steps{grid-template-columns:repeat(11,minmax(48px,1fr));min-width:528px;display:grid}.color-palette-cell{min-width:0;min-height:72px;padding:var(--space-xs) var(--space-2xs);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);cursor:pointer;border:0;border-radius:0;place-items:center;display:grid;position:relative}.color-palette-cell:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.color-palette-cell:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.color-palette-cell.is-selected{z-index:1;box-shadow:inset 0 0 0 2px}.color-palette-cell:focus-visible{z-index:2;outline-offset:-2px;outline:2px solid}.color-palette-hex{padding:var(--space-2xs);opacity:0;font-size:var(--doc-nav-label-size);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid;position:absolute;inset:0}.color-palette-cell:hover .color-palette-hex,.color-palette-cell:focus-visible .color-palette-hex{opacity:1}.color-palette-divider{background:var(--doc-border);height:1px}.color-inspector{gap:var(--space-lg);grid-template-columns:96px minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,1fr);align-items:start;min-width:0;display:grid}.color-inspector-swatch{border-radius:var(--radius-md);width:96px;height:96px}.color-inspector-identity,.color-inspector-contrast,.color-inspector-used-by{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.color-inspector-title .foundation-copy-text code{color:var(--doc-text);font-family:var(--font-mono), monospace;font-size:var(--doc-heading-size);font-weight:var(--doc-heading-weight);line-height:var(--doc-heading-line);overflow-wrap:anywhere}.color-inspector-contrast-row{align-items:center;gap:var(--space-xs);grid-template-columns:32px minmax(0,1fr);min-width:0;display:grid}.color-inspector-contrast-copy{flex-direction:column;min-width:0;display:flex}.color-inspector-contrast-score{align-items:center;gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;display:flex}.color-contrast-aa{border-radius:var(--radius-sm);width:32px;height:32px;font-family:var(--font-sans), sans-serif;font-size:var(--doc-body-size);font-weight:var(--doc-heading-weight);place-items:center;display:grid}.color-inspector-contrast-score>code{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);white-space:nowrap}.color-inspector-used-by>div{gap:var(--space-xs);min-width:0;display:grid}.color-role-path-list{gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.color-role-path-list .foundation-copy-text{max-width:100%;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--doc-raised)}.color-alpha{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.color-alpha-ramp{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.color-alpha-steps{min-width:0;overflow-x:auto}.color-alpha-steps-grid{gap:var(--space-2xs);grid-template-columns:repeat(10,minmax(0,1fr));min-width:0;display:grid}.color-alpha-step{align-items:center;gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.color-alpha-step>code{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.color-alpha-swatch{border-radius:var(--radius-xs);outline:1px solid var(--doc-border);outline-offset:-1px;width:100%;height:56px;position:relative}.color-alpha-gray-ramp,.color-alpha-overlay{position:absolute;inset:0}.color-alpha-gray-ramp{border-radius:inherit;display:flex;overflow:hidden}.color-alpha-gray-ramp>i{flex:1}.color-role-composition{gap:var(--space-lg);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;min-width:0;display:grid}.color-role-stage{min-width:0;position:relative}.color-role-groups{gap:var(--space-xl);flex-direction:column;display:flex}.color-role-group-grid .doc-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-role-notes .doc-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-album-frame{width:100%;padding:var(--space-xl);border-radius:var(--radius-md);position:relative}.color-album-card{gap:var(--space-md);min-width:0;padding:var(--space-md);border-radius:var(--radius-md);flex-direction:column;display:flex;position:relative}.color-album-head{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.color-album-title{align-items:flex-start;gap:var(--space-3xs);text-align:start;flex-direction:column;flex:1;min-width:0;display:flex}.color-album-heading-line{position:relative}.color-album-badge{flex:none}.color-album-cover{min-height:128px;padding:var(--space-lg);border-radius:var(--radius-sm);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative;overflow:hidden}.color-album-cover>span:last-child{z-index:1;position:relative}.color-album-sun{aspect-ratio:1;border-radius:var(--radius-full);opacity:.7;width:56%;position:absolute;top:-30%;right:-5%}.color-album-hairline-wrap{height:20px;position:absolute;bottom:37%;left:0;right:0}.color-album-hairline{height:2px;position:absolute;top:9px;left:0;right:0}.color-album-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.color-album-muted{flex:0 auto;min-width:0;position:relative}.has-pins .color-album-heading-line,.has-pins .color-album-muted{padding-left:24px}.color-album-actions{gap:var(--space-xs);flex:none;display:flex}.color-album-share{flex:none;display:inline-flex;position:relative}.color-role-pin-frame{top:0;left:0}.color-role-pin-card{top:0;right:0}.color-role-stage .color-album-badge{padding-right:var(--space-xl)}.color-role-pin-heading,.color-role-pin-muted{top:50%;left:0;transform:translate(-50%,-50%)}.color-role-pin-hairline{top:50%;left:50%;transform:translate(-50%,-50%)}.color-role-pin-share{top:-6px;right:-6px}.color-role-tables,.color-role-reference{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.color-role-table{min-width:0}.color-role-table-heading{margin-bottom:var(--space-xs);color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.color-role-table .doc-table-wrap{contain:paint;margin:0}.color-role-table-data{min-width:640px}.color-role-path-row th{color:var(--doc-muted);font-weight:400}.color-role-state-line{align-items:center;gap:var(--space-xs);white-space:nowrap;display:flex}.color-role-state-line.is-nested{padding-left:var(--space-lg)}.color-role-table-data code{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);white-space:nowrap}.color-theme-columns{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.doc-specimen-canvas.color-theme-column{align-items:stretch;gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.color-theme-column .color-album-frame{padding:0}.color-contrast{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.color-contrast .doc-table-wrap{contain:paint;margin:0}.color-contrast-pair{align-items:center;gap:var(--space-md);min-width:0;display:flex}.color-contrast-pair>div{gap:var(--space-2xs);min-width:0;display:grid}.color-contrast-pair .color-contrast-aa{flex:none}.color-usage-chip{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--doc-raised);color:var(--doc-text);font-family:var(--font-mono), monospace;font-size:var(--doc-code-size)}.color-usage-static-pill,.color-usage-white-chip{border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.color-usage-white-chip{padding:var(--space-sm) var(--space-lg);color:var(--doc-bg)}@media (max-width:64rem){.color-inspector{grid-template-columns:96px minmax(0,1fr)}.color-inspector-contrast{grid-area:2/1/auto/-1}.color-inspector-used-by{grid-area:3/1/auto/-1}.color-role-composition{grid-template-columns:minmax(0,1fr)}.color-role-group-grid .doc-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.color-brand-grid .doc-info-grid,.color-theme-columns{grid-template-columns:minmax(0,1fr)}.color-alpha-steps-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.color-inspector{grid-template-columns:minmax(0,1fr)}.color-inspector-contrast,.color-inspector-used-by{grid-area:auto}.color-role-composition,.color-role-group-grid .doc-info-grid,.color-role-notes .doc-info-grid{grid-template-columns:minmax(0,1fr)}.color-album-frame{padding:var(--space-md)}.color-album-meta{flex-direction:column;align-items:flex-start}}
.icon-language-samples{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.doc-specimen-canvas.icon-language-sample{justify-content:center;align-items:center;gap:var(--space-md);min-width:0;min-height:144px;padding:var(--space-xl) var(--space-xs);flex-direction:column;display:flex}.icon-language-sample-glyph{place-items:center;width:64px;height:64px;display:grid}.icon-language-sample code{max-width:100%;font-family:var(--font-mono), monospace;font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);font-weight:var(--doc-caption-weight);text-align:center}.icon-search-field{gap:var(--space-xs);flex-direction:column;min-width:min(100%,192px);display:flex}.icon-search-field>span{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.icon-search-field input{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--doc-bg);color:var(--doc-text);font:inherit;border:0}.icon-search-field input:focus-visible{outline:2px solid var(--doc-accent);outline-offset:2px}.icon-catalog{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.icon-catalog-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;min-width:0;display:flex}.icon-catalog-toolbar>div{align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.icon-catalog-toolbar>span{padding-bottom:var(--space-sm);color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);white-space:nowrap}.icon-catalog-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1.4fr) minmax(224px,.6fr);align-items:start;min-width:0;display:grid}.icon-catalog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));min-width:0;display:grid}.icon-catalog-grid>button{place-items:center;gap:var(--space-sm);min-width:0;min-height:112px;padding:var(--space-md);border-radius:var(--radius-md);color:var(--doc-text);cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr);display:grid}.icon-catalog-glyph-slot{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;min-height:64px;display:grid}.icon-catalog-grid>button:hover{background:var(--doc-raised)}.icon-catalog-grid>button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--doc-accent)}.icon-catalog-grid>button:focus-visible{outline:2px solid var(--doc-accent);outline-offset:2px}.icon-catalog-grid>button>code.icon-catalog-name{width:100%;max-width:100%;color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);line-height:var(--doc-body-line);text-align:center;overflow-wrap:normal;word-break:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.icon-catalog-empty{padding:var(--space-xl);color:var(--doc-muted);text-align:center;grid-column:1/-1}.icon-detail{top:var(--space-xl);gap:var(--space-lg);flex-direction:column;min-width:0;display:flex;position:sticky}.icon-detail-stage{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-height:128px;display:grid}.icon-detail-title,.icon-detail-viewbox,.icon-import-line{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.icon-detail-title>div{gap:var(--space-xs);min-width:0;display:grid}.icon-detail-viewbox code,.icon-import-line code,.icon-detail-sizes code{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);overflow-wrap:anywhere}.icon-import-line{align-items:flex-start;gap:var(--space-sm)}.icon-import-line>code{min-width:0}.icon-detail-sizes{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--doc-border);flex-direction:column;display:flex}.icon-detail-size-strip{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);min-width:0;display:flex}.icon-detail-size-strip>span{justify-items:center;gap:var(--space-xs);flex:1 1 0;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.icon-detail-size-slot{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;height:48px;display:grid}.icon-size-row{justify-content:space-around;align-items:flex-end;gap:var(--space-lg);min-height:141px;padding:var(--space-lg) var(--space-md);display:flex;position:relative}.icon-size-baseline{right:var(--space-md);bottom:var(--space-lg);left:var(--space-md);background:var(--doc-border);height:1px;position:absolute}.icon-size-row>div:not(.icon-size-baseline){z-index:1;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.icon-construction-panel{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(160px,.45fr);align-items:center;min-width:0;display:grid}.icon-construction-figure{justify-self:center;width:100%;max-width:322px;padding-top:28px;position:relative}.doc-specimen-canvas.icon-construction-stage{aspect-ratio:1;width:min(100%,320px);padding:0;position:relative;overflow:hidden}.icon-construction-grid{width:100%;height:100%;position:absolute;inset:0}.icon-construction-grid line{stroke:var(--doc-border);stroke-width:.04px}.icon-construction-grid rect{fill:color-mix(in srgb, var(--doc-accent) 12%, transparent)}.icon-construction-grid .icon-construction-keyline{stroke:color-mix(in srgb, var(--doc-accent) 65%, transparent);stroke-dasharray:.3 .3}.icon-construction-glyph{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}.icon-live-area-label{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--doc-bg);color:var(--doc-accent);position:absolute;top:0;right:0}.icon-construction-specs{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.icon-construction-specs>div{gap:var(--space-xs);display:grid}.icon-construction-specs dt{color:var(--doc-muted);font-size:var(--doc-nav-label-size)}.icon-construction-specs dd{margin:0}.icon-rule-diagram{width:100%;height:112px;display:block;overflow:visible}.icon-rule-diagram.icon-construction-grid{position:relative;inset:auto}.icon-rule-diagram text{fill:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:1.5px}.icon-rule-diagram .icon-construction-live-label{fill:var(--doc-accent);font-weight:700}.icon-detail-stage>div,.icon-detail-stage svg,.icon-catalog-glyph-slot>div,.icon-catalog-glyph-slot svg,.icon-detail-size-slot>div,.icon-detail-size-slot svg{max-width:100%}.icon-construction-glyph>div,.icon-construction-glyph svg{max-width:100%;max-height:100%}.doc-section-body>ol.icon-adding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-specimen-canvas.icon-accessibility-canvas{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:160px;display:flex}.icon-accessibility-example{justify-items:center;gap:var(--space-sm);width:100%;display:grid}.icon-accessibility-button-wrap{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;display:grid}@media (max-width:56.25rem){.icon-language-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-catalog-layout,.icon-construction-panel{grid-template-columns:minmax(0,1fr)}.icon-detail{order:-1;position:static}}@media (max-width:40rem){.icon-language-samples{grid-template-columns:minmax(0,1fr)}.icon-catalog-toolbar,.icon-catalog-toolbar>div{flex-direction:column;align-items:flex-start}.icon-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.icon-catalog-grid>button:last-child:nth-child(odd){grid-column:1/-1}.icon-construction-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-section-body>ol.icon-adding-steps{grid-template-columns:minmax(0,1fr)}}
.spacing-scale-canvas{width:100%}.spacing-skyline-scroll{max-width:100%;overflow-x:auto}.spacing-skyline{padding:var(--space-lg) var(--space-md);align-items:end;display:grid}.spacing-skyline-step{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.spacing-skyline-slot{border-bottom:1px solid var(--doc-border);justify-content:center;align-self:stretch;align-items:flex-end;display:flex}.spacing-skyline-square{border-radius:var(--radius-xs);flex:none}.spacing-skyline-step code,.spacing-skyline-step small{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.spacing-bar-track{border-radius:var(--radius-full);background:var(--doc-raised);width:112px;max-width:100%;height:8px;overflow:hidden}.spacing-bar-track>span{border-radius:inherit;height:100%;display:block}.spacing-table-wrap{contain:paint;margin:0}.spacing-tier-grid .doc-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-specimen-canvas.spacing-tier-canvas{min-height:224px}.spacing-tier-example{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;width:100%;min-width:0;min-height:184px;display:flex}.spacing-tier-micro>div:first-child{align-items:center;display:flex}.spacing-tier-component>div:first-child{align-items:center;min-width:0;display:flex}.spacing-mini-card{border-radius:var(--radius-md);background:var(--doc-raised);width:100%;min-width:0}.spacing-mini-card>div{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.spacing-tier-section>div:first-child{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.spacing-redline{align-items:center;gap:var(--space-xs);color:var(--doc-accent);white-space:nowrap;display:flex}.spacing-redline>span{background:currentColor;width:20px;height:1px}.spacing-redline code{color:currentColor;font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.spacing-redline small{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.spacing-playground{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.spacing-playground-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.spacing-playground-controls{align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.spacing-playground-controls .foundation-segmented button{min-width:40px;padding-inline:var(--space-xs)}.spacing-playground-result{align-self:flex-end;margin-left:auto;transform:translateY(-50%)}.doc-specimen-canvas.spacing-playground-stage{width:100%;padding:var(--space-2xl);background:linear-gradient(color-mix(in srgb, var(--doc-border) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--doc-border) 28%, transparent) 1px, transparent 1px), var(--doc-bg);background-size:4px 4px;place-items:center;display:grid;position:relative}.spacing-playground-legend{top:var(--space-md);left:var(--space-md);z-index:2;align-items:center;gap:var(--space-lg);display:flex;position:absolute}.spacing-playground-legend>div{align-items:center;gap:var(--space-xs);display:flex}.spacing-playground-legend-padding,.spacing-playground-legend-gap{border-radius:var(--radius-xs);width:16px;height:16px}.spacing-playground-legend-padding{border:4px solid color-mix(in srgb, var(--doc-accent) 25%, transparent)}.spacing-playground-legend-gap{background:color-mix(in srgb, var(--doc-accent) 45%, transparent)}.spacing-playground-card{border-radius:var(--radius-md);flex-direction:column;width:min(100%,256px);display:flex;position:relative}.spacing-playground-padding-band{z-index:0;border:0 solid color-mix(in srgb, var(--doc-accent) 25%, transparent);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.spacing-playground-card-content{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.spacing-playground-head,.spacing-playground-foot{justify-content:space-between;align-items:center;gap:var(--space-sm);min-width:0;display:flex}.spacing-playground-head{justify-content:flex-start}.spacing-playground-head>div{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.spacing-playground-gap{background:color-mix(in srgb, var(--doc-accent) 45%, transparent);flex:none;width:100%}@media (max-width:40rem){.spacing-playground-toolbar,.spacing-playground-controls{flex-direction:column;align-items:flex-start}.spacing-playground-result{margin-left:0;transform:none}.spacing-playground-legend{gap:var(--space-md)}}@media (max-width:56.25rem){.spacing-tier-grid .doc-info-grid{grid-template-columns:minmax(0,1fr)}}
.type-family-grid{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.type-family-card{align-items:stretch;gap:var(--space-lg);min-width:0;min-height:360px;padding:var(--space-2xl);border-radius:var(--radius-lg);flex-direction:column;display:flex}.type-family-card header{gap:var(--space-xs);flex-direction:column;display:flex}.type-family-card code,.type-family-card>code{max-width:100%;color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);overflow-wrap:anywhere}.type-family-aa,.type-family-ag{font-family:var(--font-sans), sans-serif;letter-spacing:-.08em;align-self:flex-end;font-size:clamp(72px,10vw,144px);font-weight:700;line-height:.8}.type-family-faces{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto;display:grid}.type-family-faces>div{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid color-mix(in srgb, currentColor 24%, transparent);flex-direction:column;display:flex}.type-family-mono-note{gap:var(--space-xs);flex-direction:column;margin-top:auto;display:flex}.type-scale-tools{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.type-scale-controls{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.type-scale-controls label{gap:var(--space-xs);color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);flex-direction:column;flex:240px;display:flex}.type-scale-controls input{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--doc-bg);color:var(--doc-text);font:inherit;border:0}.type-scale-controls input:focus-visible{outline:2px solid var(--doc-accent);outline-offset:2px}.type-scale-controls button{align-items:center;gap:var(--space-sm);min-height:40px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--doc-bg);color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);cursor:pointer;border:0;display:inline-flex}.type-scale-controls button:focus-visible{outline:2px solid var(--doc-accent);outline-offset:2px}.type-scale-controls button>span{border-radius:var(--radius-xs);background:var(--doc-border);width:12px;height:12px}.type-scale-controls button>span.is-on{background:var(--doc-accent)}.type-scale-groups{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.type-scale-group{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.type-scale-rows{flex-direction:column;min-width:0;display:flex}.type-scale-row{gap:var(--space-lg);min-width:0;padding:var(--space-md) 0;border-bottom:1px solid var(--doc-border);grid-template-columns:minmax(0,1fr) max-content;align-items:center;display:grid}.type-scale-row:first-child{padding-top:0}.type-scale-row:last-child{border-bottom:0}.type-scale-sample{overflow-wrap:anywhere;min-width:0}.type-scale-sample>*{max-width:100%;display:block}.type-scale-row.has-line-box .type-scale-sample>*{outline:1px solid var(--doc-accent);outline-offset:var(--space-3xs)}.type-scale-meta{align-items:flex-end;gap:var(--space-xs);flex-direction:column;min-width:0;max-width:100%;display:flex}.type-scale-meta code{color:var(--doc-muted);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size);text-align:right;overflow-wrap:anywhere}.type-hierarchy-practice{gap:var(--space-lg);grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:center;min-width:0;display:grid}.doc-specimen-canvas.type-practice-screen{align-items:stretch;gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.type-practice-line{min-width:0;padding-left:28px;position:relative}.type-practice-pin{top:50%;left:0;transform:translateY(-50%)}.type-practice-meta{align-items:center;gap:var(--space-sm);display:flex}.type-reference{min-width:720px}.type-reference-scroll{contain:paint;margin:0}.type-reference th[scope=row] code{color:var(--doc-text);font-family:var(--font-mono), monospace;font-size:var(--doc-nav-label-size)}.type-reference td{white-space:nowrap}@media (max-width:56.25rem){.type-scale-row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.type-scale-meta{align-items:flex-start}.type-scale-meta code{text-align:left}.type-hierarchy-practice{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.type-family-grid{grid-template-columns:minmax(0,1fr)}.type-family-grid .type-family-card{min-height:300px}.type-family-faces{grid-template-columns:minmax(0,1fr)}}