.component-field:where(.astro-xdiswla6){border-bottom:1px solid var(--frasto-border);padding:clamp(2rem,4vw,3rem) clamp(1rem,4vw,4rem)}.component-field__heading:where(.astro-xdiswla6){grid-template-columns:minmax(10rem,.4fr) minmax(0,1.6fr);gap:1.5rem;margin-bottom:2rem;display:grid}.component-field__heading:where(.astro-xdiswla6)>p:where(.astro-xdiswla6),.showcase-region__header:where(.astro-xdiswla6) span:where(.astro-xdiswla6),.showcase-region__header:where(.astro-xdiswla6) small:where(.astro-xdiswla6){color:var(--frasto-ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.65625rem;font-weight:650}.component-field__heading:where(.astro-xdiswla6) h2:where(.astro-xdiswla6){max-width:18ch;font-family:var(--frasto-font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:620;line-height:1}.component-field__heading:where(.astro-xdiswla6) div:where(.astro-xdiswla6)>p:where(.astro-xdiswla6){max-width:36rem;color:var(--frasto-ink-muted);margin:.75rem 0 0;line-height:1.55}.component-field__grid:where(.astro-xdiswla6){border-top:1px solid var(--frasto-border);border-left:1px solid var(--frasto-border);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.showcase-region:where(.astro-xdiswla6){border-right:1px solid var(--frasto-border);border-bottom:1px solid var(--frasto-border);background:var(--frasto-surface);min-width:0}.showcase-region--compose:where(.astro-xdiswla6){grid-column:span 12}.showcase-region--choose:where(.astro-xdiswla6),.showcase-region--load:where(.astro-xdiswla6),.showcase-region--reveal:where(.astro-xdiswla6),.showcase-region--communicate:where(.astro-xdiswla6),.showcase-region--navigate:where(.astro-xdiswla6),.showcase-region--structure:where(.astro-xdiswla6){grid-column:span 4}.showcase-region__header:where(.astro-xdiswla6){border-bottom:1px solid var(--frasto-border);grid-template-columns:auto auto 1fr;align-items:baseline;gap:.5rem;min-height:2.5rem;padding:.5rem .875rem;display:grid}.showcase-region__header:where(.astro-xdiswla6) span:where(.astro-xdiswla6):after{content:"/";color:var(--frasto-ink-muted);margin-inline-start:.5rem;font-weight:400}.showcase-region__header:where(.astro-xdiswla6) h3:where(.astro-xdiswla6){font-family:var(--frasto-font-display);letter-spacing:-.01em;margin:0;font-size:.8125rem;font-weight:650}.showcase-region__header:where(.astro-xdiswla6) small:where(.astro-xdiswla6){text-align:end;justify-self:end}.showcase-region__body:where(.astro-xdiswla6){background:var(--frasto-border);gap:1px;min-width:0;display:grid}.specimen:where(.astro-xdiswla6){background:var(--frasto-surface);min-width:0;padding:.75rem .875rem}.specimen__name:where(.astro-xdiswla6){color:var(--frasto-ink-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.625rem;font-weight:650;display:block}.specimen__demo:where(.astro-xdiswla6){min-width:0}.specimen__demo--row:where(.astro-xdiswla6){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.specimen__demo--stack:where(.astro-xdiswla6){justify-items:start;gap:.5rem;display:grid}.specimen__hint:where(.astro-xdiswla6){color:var(--frasto-ink-muted);font-size:.75rem}.showcase-compose:where(.astro-xdiswla6){grid-template-columns:repeat(5,minmax(0,1fr))}.showcase-compose:where(.astro-xdiswla6) .specimen--wide:where(.astro-xdiswla6){grid-column:span 2}.showcase-choices:where(.astro-xdiswla6),.showcase-loading:where(.astro-xdiswla6),.showcase-feedback:where(.astro-xdiswla6),.showcase-navigation:where(.astro-xdiswla6),.showcase-structure:where(.astro-xdiswla6),.showcase-overlays:where(.astro-xdiswla6){grid-template-columns:1fr}.showcase-navigation:where(.astro-xdiswla6) [data-frasto-tab-panel] p:where(.astro-xdiswla6),.showcase-overlay-copy:where(.astro-xdiswla6),.showcase-overlays:where(.astro-xdiswla6) [data-frasto-popover-panel] p:where(.astro-xdiswla6){color:var(--frasto-ink-muted);margin:0;font-size:.8125rem;line-height:1.55}.showcase-detail-list:where(.astro-xdiswla6){margin:0}.showcase-detail-list:where(.astro-xdiswla6) div:where(.astro-xdiswla6){border-bottom:1px solid var(--frasto-border);grid-template-columns:5rem 1fr;gap:1rem;padding-block:.5rem;display:grid}.showcase-detail-list:where(.astro-xdiswla6) div:where(.astro-xdiswla6):last-child{border-bottom:0}.showcase-detail-list:where(.astro-xdiswla6) dt:where(.astro-xdiswla6){color:var(--frasto-ink-muted);font-size:.75rem}.showcase-detail-list:where(.astro-xdiswla6) dd:where(.astro-xdiswla6){margin:0;font-size:.8125rem}.showcase-table-wrap:where(.astro-xdiswla6){max-width:100%;overflow-x:auto}@media (width<=68rem){.showcase-region--choose:where(.astro-xdiswla6),.showcase-region--load:where(.astro-xdiswla6),.showcase-region--reveal:where(.astro-xdiswla6),.showcase-region--communicate:where(.astro-xdiswla6),.showcase-region--navigate:where(.astro-xdiswla6),.showcase-region--structure:where(.astro-xdiswla6){grid-column:span 6}.showcase-compose:where(.astro-xdiswla6){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=48rem){.component-field__heading:where(.astro-xdiswla6){grid-template-columns:1fr}.showcase-region--choose:where(.astro-xdiswla6),.showcase-region--load:where(.astro-xdiswla6),.showcase-region--reveal:where(.astro-xdiswla6),.showcase-region--communicate:where(.astro-xdiswla6),.showcase-region--navigate:where(.astro-xdiswla6),.showcase-region--structure:where(.astro-xdiswla6){grid-column:span 12}.showcase-compose:where(.astro-xdiswla6){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=34rem){.component-field:where(.astro-xdiswla6){padding-inline:0}.component-field__heading:where(.astro-xdiswla6){padding-inline:1rem}.component-field__grid:where(.astro-xdiswla6){border-left:0}.showcase-region:where(.astro-xdiswla6){border-right:0}.showcase-compose:where(.astro-xdiswla6){grid-template-columns:1fr}.showcase-compose:where(.astro-xdiswla6) .specimen--wide:where(.astro-xdiswla6){grid-column:auto}.showcase-region__header:where(.astro-xdiswla6) small:where(.astro-xdiswla6){display:none}}