/* DesignSystem §1.8 icon system — sizes tied to tokens.css's --sd-icon-sm/md/lg. */
.sd-icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: -0.15em;
}

.sd-icon--sm { width: var(--sd-icon-sm); height: var(--sd-icon-sm); }
.sd-icon--md { width: var(--sd-icon-md); height: var(--sd-icon-md); }
.sd-icon--lg { width: var(--sd-icon-lg); height: var(--sd-icon-lg); }