.catalog-intro{max-width:40rem;margin-top:1.5rem}.catalog-intro code,.catalog-label code,.swatch code,.type-scale code{color:var(--color-primary);font-size:.85em}.catalog-toc{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.catalog-toc a{border:1px solid var(--color-line);border-radius:var(--radius-pill);padding:.35rem .8rem;font-size:.875rem;text-decoration:none}.catalog-toc small{color:var(--color-text-muted)}.catalog-h{margin-bottom:2rem}.swatches{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.5rem;padding:0;list-style:none;display:grid}.swatch{gap:.25rem;font-size:.875rem;display:grid}.swatch__color{border:1px solid var(--color-line);border-radius:var(--radius-md);height:72px;margin-bottom:.4rem}.glows{flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;display:flex}.glow-sample{aspect-ratio:1;border-radius:50%;place-items:center;width:220px;font-size:.8rem;display:grid}.type-scale{grid-template-columns:max-content 1fr;align-items:baseline;gap:1.25rem 2rem;margin-top:1.5rem;display:grid}.type-scale dd{margin:0}.ui-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.ui-narrow{max-width:260px}.catalog-label{z-index:2;border-block:1px dashed var(--color-line);background:#ffffff08;margin-top:3rem;padding-block:.75rem;scroll-margin-top:1rem;font-size:.875rem;position:relative}.catalog-label .container{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;display:flex}.catalog-label code{font-size:1rem;font-weight:var(--fw-bold)}