/* ============================================================
   TWO-TONE ICONS — Material Design 2-tone style
   24×24 viewBox. Two paths per icon:
     - .ic-fill   (secondary tone — light grey via inline fill="#9CA0A6")
     - .ic-stroke (primary tone — inline fill="currentColor")
   Use:  <svg class="ic"><use href="#ic-hub"/></svg>
   Colors are set inline on each <path> in the sprite so they
   propagate through <use> shadow trees reliably. Override the
   stroke color by setting `color:` on any ancestor.
   ============================================================ */
.ic {
  width: 18px; height: 18px;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}
.ic.sm { width: 14px; height: 14px; }
.ic.lg { width: 20px; height: 20px; }
.ic.xl { width: 28px; height: 28px; }