.sg-intro{color:var(--neutral-semi-dark);max-width:var(--measure)}.sg-title{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--neutral-light)}.sg-family{margin-bottom:var(--space-sm)}.sg-label{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-3xs)}.sg-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.sg-swatch{display:flex;flex-direction:column;gap:2px}.sg-chip{display:block;width:72px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--neutral-light)}.sg-chip-label{font-size:11px;color:var(--neutral-semi-dark)}.sg-space-row{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-3xs)}.sg-space-row .sg-chip-label{min-width:90px}.sg-space-bar{display:block;height:12px;border-radius:var(--radius-sm);background:var(--primary-medium)}.sg-boxes{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sg-box{width:96px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px solid var(--neutral-semi-light)}.sg-box-shadow{border-radius:var(--radius-md);border-color:var(--neutral-light)}.sg-components>p{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.sg-card{max-width:320px}.sg-card-title{font-size:var(--text-md);margin-bottom:var(--space-3xs)}.sg-small{font-size:var(--text-sm);color:var(--neutral-semi-dark);margin-bottom:0}