Icon Alignment

/* ── Without text-box ─────────────────────────────────────── */
.icon-label {
  font-size: 1.15rem;
  line-height: 1.3;
  /* visual centre is above icon centre — leading asymmetry */
}

/* ── With text-box ────────────────────────────────────────── */
.icon-label {
  font-size: 1.15rem;
  line-height: 1.3;
  text-box: trim-both cap alphabetic;
  /* now cap height top and alphabetic baseline bottom
     are the element edges — flex align-items: center works correctly */
}