.card {
  overflow: visible;
  min-width: 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.card__eyebrow,
.card__headline,
.card__summary,
.card__evidence,
.card__meta {
  min-width: 0;
  max-width: 100%;
}
.card__eyebrow {
  flex-wrap: wrap;
}
.card__source {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Update chip sits on its own line, above the source and category, never on top of them. */
.card__update-badge,
.card__verification-badge {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  inset: auto;
  transform: none;
  align-self: flex-start;
  z-index: 1;
  max-width: 100%;
  white-space: nowrap;
  border-radius: 999px;
}
.card__update-badge {
  padding: 4px 10px;
  border: 1px solid rgba(251,191,36,.45);
  background: rgba(16, 21, 28, .96);
  box-shadow: none;
}
.card__verification-badge {
  padding: 4px 10px;
}

/* Grow with large type instead of clipping the headline or gold line. */
.news-grid {
  grid-auto-rows: minmax(240px, auto);
}
.card__headline,
.card__evidence {
  overflow-wrap: anywhere;
}
.card__headline {
  padding-block: 0.1em;
}
.card__evidence,
.card__meta {
  flex: 0 0 auto;
}
.card__meta {
  flex-wrap: wrap;
  row-gap: 4px;
}
.featured-rail {
  align-items: stretch;
}
.featured-rail > .card {
  overflow: visible !important;
  height: auto;
  min-height: min-content;
  align-self: stretch;
}
@media (max-width: 700px), (pointer: coarse) {
  .news-grid {
    grid-auto-rows: auto;
  }
  .featured-rail > .card {
    min-height: 230px;
  }
}