/* ===========================================
   Feature icon (IconsHelper#feature_icon): a navy line icon, sized to the label's first line.
   Only on short marketing feature lists (3 to 6 items, one list per screen).
   Never in headings, buttons, nav, tables, client reports or app screens.
   =========================================== */

@layer components {
  .feature-icon {
    display: inline-grid;
    flex-shrink: 0;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-primary-900);

    svg {
      width: 1.5rem;
      height: 1.5rem;
    }
  }
}