/* ==========================================================================
   FERNGLAS — ICONS. Pairs with icons.svg (an inline <symbol> sprite,
   currentColor throughout so icons inherit text color and theme correctly
   for free). Usage:

     <svg class="icon" aria-hidden="true"><use href="icons.svg#icon-star-outline" /></svg>

   Sprite must be fetched into the DOM once (inline <svg style="display:none">
   pasted into the page, or fetched and injected) — a bare <img src="icons.svg#...">
   can't target a single <symbol>, only <use> can.
   ========================================================================== */
.icon {
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  vertical-align: -0.2em;
}
.icon[data-size='sm'] {
  width: 1em;
  height: 1em;
}
.icon[data-size='lg'] {
  width: 1.5em;
  height: 1.5em;
}