/* Material Symbols helper. Self-hosted sprite. Square corners. Dark-mode only.
   Metric icon locks: pace->ic-speed, power->ic-electric-bolt, HR->ic-ecg-heart
   (ic-favorite reserved for PR badges), elevation->ic-landscape, cadence->ic-timer,
   profile picture->ic-person-add, rate-limit->ic-monitoring. */
.ms-icon {
  width: 24px;
  height: 24px;
  flex: none;
  vertical-align: -4px;
  color: inherit;
}
.ms-icon-sm {
  width: 20px;
  height: 20px;
  vertical-align: -3px;
}
.ms-icon-lg {
  width: 32px;
  height: 32px;
}
.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.icon-btn .ms-icon {
  display: block;
}
.card h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card h2 .ms-icon {
  color: var(--t);
}
.pill-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.empty-icon {
  color: var(--t);
  margin-bottom: 8px;
}