/* Inline SVG icons — sized to 1em, colored via currentColor. */
@layer components {
  .icon {
    align-items: center;
    color: inherit;
    display: inline-flex;
    justify-content: center;
  }
  .icon svg {
    block-size: 1em;
    display: block;
    inline-size: 1em;
  }
  .icon--positive { color: var(--color-positive); }
  .icon--negative { color: var(--color-negative); }
}