/* ============================================================
   ICONS (shared SVG helper — see IconsHelper)
   ============================================================ */

.icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  /* stroke/fill come from the SVG attrs; color inherits via currentColor */
}

.icon--xs  { width: 12px; height: 12px; }
.icon--sm  { width: 14px; height: 14px; }
.icon--md  { width: 16px; height: 16px; }
.icon--lg  { width: 18px; height: 18px; }
.icon--xl  { width: 20px; height: 20px; }
.icon--2xl { width: 24px; height: 24px; }