/* Inline SVG icon sizing, replaces Font Awesome's icon-font conventions.
   height:1em keeps icons sized to the surrounding text (same as FA's em-based
   glyphs); width:auto preserves each icon's native aspect ratio instead of
   forcing a square box (FA icons aren't all square either). fill:currentColor
   lets existing Tailwind text-color utility classes (text-sage-600 etc.) keep
   coloring icons exactly as they did as icon-font glyphs. vertical-align
   matches Font Awesome's own default baseline offset. */
.icon-svg {
  height: 1em;
  width: auto;
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentColor;
  flex-shrink: 0;
}