.catalog{color:var(--foreground);background:var(--surface)}.catalog :where(section[id],main[id],[id=top]){scroll-margin-top:var(--catalog-anchor-offset)}.catalog :where(a,summary):focus-visible{outline:var(--border-focus) solid var(--focus-ring);outline-offset:var(--space-4)}.catalog :where(input,select,textarea,button,summary){scroll-margin-block:var(--catalog-anchor-offset)}.catalog :where(a){text-underline-offset:var(--space-4)}.catalog :where(a:not(.ui-button)):hover{text-decoration:underline}.catalog-header{z-index:var(--catalog-header-layer);background:var(--surface);border-bottom:var(--border-thin) solid var(--border);position:sticky;top:0}.catalog-header-inner{align-items:center;gap:var(--space-24);height:var(--catalog-header-height);display:flex}.catalog-brand-link{padding-block:var(--space-12);flex:none;display:block}.catalog-brand-link img{width:var(--catalog-header-logo-width);height:auto}.catalog-edition{font-size:var(--text-caption);color:var(--foreground-muted);border-left:var(--border-thin) solid var(--border);padding-left:var(--space-24)}.catalog-desktop-nav{align-items:center;gap:var(--space-16);font-size:var(--text-body-sm);margin-left:auto;display:flex}.catalog-desktop-nav a{padding-block:var(--space-12)}.catalog-mobile-nav{margin-left:auto;display:none}.catalog-mobile-nav summary{cursor:pointer;gap:var(--space-16);padding:var(--space-12) var(--space-8);align-items:center;list-style:none;display:flex}.catalog-mobile-nav summary::-webkit-details-marker{display:none}.catalog-mobile-panel{top:100%;background:var(--surface);border-bottom:var(--border-thin) solid var(--border);padding:var(--space-16) var(--gutter) var(--space-24);max-height:calc(100dvh - var(--catalog-header-height));position:absolute;inset-inline:0;overflow-y:auto}.catalog-mobile-panel a{align-items:center;gap:var(--space-16);padding:var(--space-16);grid-template-columns:auto 1fr auto;display:grid}.catalog-index{color:var(--foreground-muted);font-size:var(--text-caption)}.catalog-skip{top:var(--space-8);left:var(--space-16);z-index:calc(var(--catalog-header-layer) + 1);background:var(--surface);padding:var(--space-16);position:fixed;transform:translateY(-200%)}.catalog-skip:focus{transform:none}.catalog-eyebrow{font-size:var(--text-caption);letter-spacing:var(--catalog-label-tracking);text-transform:uppercase;font-weight:var(--weight-medium)}.catalog-section{padding-block:var(--catalog-section-space)}.catalog-section+.catalog-section{border-top:var(--border-thin) solid var(--border)}.catalog-section-heading{gap:var(--space-16);margin-bottom:var(--catalog-section-gap);display:grid}.catalog-section-heading h2{max-width:var(--catalog-title-width);color:var(--primary);text-wrap:balance}.catalog-lead{max-width:var(--catalog-reading-width);color:var(--foreground-muted);font-size:var(--text-body-lg);line-height:1.5}.catalog-subtitle{margin-block:var(--space-48) var(--space-24)}.catalog-logo-grid{gap:var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-logo-grid .ds-logo-stage{min-height:var(--catalog-logo-stage-height)}.catalog-logo-grid figure:first-child .ds-logo-stage{background:var(--surface)}.catalog-logo-grid figcaption{margin-top:var(--space-12);color:var(--foreground-muted)}.catalog-details{border-top:var(--border-thin) solid var(--border);border-bottom:var(--border-thin) solid var(--border);margin-top:var(--space-32)}.catalog-details>summary{padding:var(--space-24) var(--space-8);cursor:pointer;font-weight:var(--weight-medium)}.catalog-details-body{padding:0 var(--space-8) var(--space-32)}.catalog-details-body .ds-grid{row-gap:var(--space-32)}.catalog-details-body h3{margin-bottom:var(--space-16)}.catalog-details .ds-swatch{border-radius:0}.catalog-details code{font-size:var(--text-caption)}.catalog-brand-palette{gap:var(--space-12);margin-block:var(--space-32);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.catalog-color-block{height:var(--catalog-logo-stage-height)}.catalog-brand-color--white .catalog-color-block{border:var(--border-thin) solid var(--border)}.catalog-color-label{padding-top:var(--space-16);gap:var(--space-4);display:grid}.catalog-color-label h3{font-weight:var(--weight-medium)}.catalog-color-label code{font-size:var(--text-body-sm)}.catalog-color-label p{color:var(--foreground-muted)}.catalog-color-pair{padding:var(--space-24);border-radius:var(--radius-control);gap:var(--space-16);display:grid}.catalog-type-duo{margin-bottom:var(--space-32);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-type-face{padding:var(--catalog-panel-space);background:var(--surface-accent);gap:var(--space-16);color:var(--primary);display:grid}.catalog-type-face+.catalog-type-face{background:var(--accent-subtle)}.catalog-specimen{font-size:var(--catalog-specimen-size);line-height:1.3}.catalog-type-row{padding-bottom:var(--space-24);border-bottom:var(--border-thin) solid var(--border)}.catalog-type-row>p:first-child{margin-bottom:var(--space-12)}.catalog-spacing{gap:var(--space-16);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.catalog-spacing-item{align-content:end;gap:var(--space-16);font-size:var(--text-caption);display:grid}.catalog-component-row{grid-template-columns:var(--catalog-meta-width) minmax(0, 1fr);border-bottom:var(--border-thin) solid var(--border);padding-block:var(--space-24);gap:var(--space-24);display:grid}.catalog-component-meta{align-content:start;gap:var(--space-8);display:grid}.catalog-component-meta h3{font-weight:var(--weight-medium)}.catalog-component-preview{padding-block:var(--space-8)}.catalog-note{max-width:var(--catalog-reading-width);color:var(--foreground-muted);font-size:var(--text-body-sm);line-height:1.6}.catalog-sample{background:var(--surface-muted);padding:var(--catalog-panel-space)}.catalog-card-example{max-width:var(--layout-width-md);background:var(--surface-muted);padding:var(--catalog-panel-space)}.catalog-examples-grid{gap:var(--catalog-section-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-example>.catalog-eyebrow{margin-bottom:var(--space-24);color:var(--foreground-muted)}.catalog-property-placeholder{min-height:var(--catalog-logo-stage-height);background:var(--accent-subtle);color:var(--primary);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:var(--catalog-panel-space);justify-content:space-between;align-items:flex-end;gap:var(--space-16);display:flex}.catalog-property-placeholder>span{font-family:var(--font-trirong), Georgia, serif;font-size:var(--catalog-specimen-size);line-height:1}.catalog-property-placeholder p{font-size:var(--text-body-sm)}.catalog-property-placeholder small{font-size:var(--text-caption)}.catalog-property-facts{gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.catalog-property-facts dt{font-size:var(--text-caption);color:var(--foreground-muted)}.catalog-property-facts dd{margin-top:var(--space-8);font-weight:var(--weight-medium)}.catalog-search-example{gap:var(--space-24);background:var(--surface-muted);padding:var(--catalog-panel-space);display:grid}.catalog-search-example .ui-badge{background:var(--surface);justify-self:start}.catalog-form-section{gap:var(--catalog-section-gap);grid-template-columns:1fr 1fr;align-items:start;display:grid}.catalog-form-copy{gap:var(--space-24);display:grid}.catalog-form-copy h2{color:var(--primary)}.catalog-form-panel{background:var(--surface-muted);padding:var(--catalog-panel-space)}.catalog-footer{border-top:var(--border-thin) solid var(--border);padding-block:var(--space-24);color:var(--foreground-muted);font-size:var(--text-caption)}.catalog-back-top{align-self:start;gap:var(--space-24);padding-block:var(--space-8);display:flex}@media (max-width:63.999rem){.catalog-desktop-nav{display:none}.catalog-mobile-nav{display:block}.catalog-brand-palette{row-gap:var(--space-24);grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-component-row{grid-template-columns:1fr}}@media (max-width:47.999rem){.catalog-header-inner{gap:var(--space-12)}.catalog-edition{font-size:var(--text-caption);border:0;max-width:6ch;padding:0}.catalog-form-section,.catalog-examples-grid{grid-template-columns:1fr}.catalog-logo-grid{gap:var(--space-24) var(--space-16)}.catalog-logo-grid .ds-logo-stage{padding:var(--space-24);aspect-ratio:1;min-height:0}.catalog-type-duo{grid-template-columns:1fr}.catalog-spacing{row-gap:var(--space-32);grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-color-block{height:var(--space-80)}.catalog-brand-palette,.catalog-property-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.catalog-example .ui-card-header .ui-badge{justify-self:start}.catalog-mobile-nav[open] summary span{transform:rotate(45deg)}.catalog-page-title{padding-block:var(--space-48) var(--space-32);gap:var(--space-16);display:grid}.catalog-page-title h1{color:var(--primary)}.catalog-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-24);display:flex}.catalog-section-heading h2{max-width:none}.catalog-type-face{gap:var(--space-12)}@media (min-width:64rem){.catalog-edition{display:none}}.catalog-section.ds-stack>.catalog-section-heading{margin-bottom:0}