/* News Card's editorial variant and responsive structure from the current toolkit. */
.dt-news-card[class] {
  box-sizing: border-box;
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  overflow-wrap: anywhere;
  width: 100%;
}

.dt-news-card.has-media[class] { grid-template-columns: minmax(120px, 28%) minmax(0, 1fr); }
.dt-news-card__media[class] { max-height: 240px; min-height: 0; overflow: hidden; }
.dt-news-card__media img { display: block; }
.dt-news-card:hover { box-shadow: none; transform: none; }

.dt-news-card--editorial.dt-news-card {
  background: transparent;
  border: 0;
  border-block: 1px solid var(--dt-color-border);
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}

.dt-news-card--editorial.dt-news-card:hover {
  border-color: var(--dt-color-border);
  box-shadow: none;
}

.dt-news-card--editorial .dt-news-card__body { padding: 1.5rem 0; }
.dt-news-card--editorial .dt-news-card__meta { font-size: var(--dt-text-sm); gap: .5rem; }
.dt-news-card--editorial .dt-news-card__meta > span,
.dt-news-card--editorial .dt-news-card__meta > img { border: 0; background: transparent; }
.dt-news-card--editorial h3 {
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  font-weight: var(--dt-weight-medium);
  letter-spacing: -.035em;
  line-height: 1.2;
  margin: .8rem 0 .5rem;
}
.dt-news-card--editorial h3 a:hover { color: var(--dt-color-brand); }
.dt-news-card--editorial p { font-size: var(--dt-text-base, 1rem); }
.dt-news-card--editorial footer { padding-top: .85rem; }
.dt-news-card--editorial footer span {
  background: transparent;
  border: 1px solid var(--dt-color-border);
  color: var(--dt-color-text-muted);
  font-weight: var(--dt-weight-medium);
}
.dt-news-card--editorial .dt-news-card__media { align-self: center; margin-right: 1.25rem; max-height: 10rem; }

@media (max-width: 48rem) {
  .dt-news-card.has-media[class] { grid-template-columns: minmax(0, 1fr); }
  .dt-news-card__media[class] { max-height: 160px; }
  .dt-news-card--editorial .dt-news-card__body { padding-block: 1.25rem; }
  .dt-news-card--editorial .dt-news-card__media { margin: 0; }
}
