/* =========================================================================
   CITEM — SVG Icon System (Phosphor Bold, self-hosted sprite)
   
   Gold standard: <symbol>/<use> pattern with external sprite file.
   - Renders instantly (no font loading delay / FOUC)
   - 7.8KB total for 15 icons (vs ~40KB webfont)
   - fill="currentColor" inherits text color from parent
   - Accessible: aria-hidden="true" on decorative icons
   - Zero external dependencies (no CDN)
   
   Usage:
     <svg class="icon" aria-hidden="true">
       <use href="/assets/icons/sprite.svg#brain"></use>
     </svg>
   ========================================================================= */

.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline-block;
    vertical-align: -0.125em;   /* optical alignment with text */
    flex-shrink: 0;
}