/* ================================================================
   ICON HELPERS — Phosphor (bold default)
   Used site-wide via <i class="ph-bold ph-NAME"></i>
   ================================================================ */

/* Inline icons sit on the text mid-line and inherit color + size */
.ph, .ph-bold, .ph-fill {
  display: inline-block;
  vertical-align: -0.125em;   /* optical baseline alignment with text */
  line-height: 1;
}

/* Size helpers (icons scale with font-size by default) */
.ph-xs { font-size: .85em; }
.ph-sm { font-size: 1em; }
.ph-lg { font-size: 1.25em; }
.ph-xl { font-size: 1.6em; }
.ph-2x { font-size: 2em; }
.ph-3x { font-size: 3em; }

/* When an icon directly precedes label text inside a link/button, give it
   a small, consistent gap (only applies if author adds .ph-gap). */
.ph-gap { margin-right: .4em; }