/* Event-card metric icon system.
 *
 * All three metrics use one 24x24 Carbon line-icon language. Distance is a
 * route/path rather than a second mountain; elevation uses a compact profile.
 * The source markup remains reference-authored, so this production layer
 * replaces the old decorative <img> visually without mutating site/index.html.
 */
.meta span > img {
  display: none !important;
}

.meta span::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.meta span:nth-child(1)::before {
  background-image: url('meta-location.svg');
}

.meta span:nth-child(2)::before {
  background-image: url('meta-distance.svg');
}

.meta span:nth-child(3)::before {
  background-image: url('meta-elevation.svg');
}

@media screen and (max-width: 760px) {
  .meta span::before {
    width: max(16px, 18rem);
    height: max(16px, 18rem);
    flex-basis: max(16px, 18rem);
  }
}