/* Image-free headlines use the whole card, with a small, consistent type palette. */
.news-type-serif {
  --news-paper: #F1EDE4;
  --news-ink: #1A2129;
  --news-muted: #596168;
  --news-accent: #AC3B00;
  --news-font: Georgia, 'Times New Roman', serif;
  --news-weight: 700;
}
.news-type-sans {
  --news-paper: #242D36;
  --news-ink: #FFFFFF;
  --news-muted: #BAC3CC;
  --news-accent: #FF8B4F;
  --news-font: var(--font-sans);
  --news-weight: 700;
}
.news-type-mono {
  --news-paper: #DFE7E8;
  --news-ink: #17242B;
  --news-muted: #526168;
  --news-accent: #AC3B00;
  --news-font: var(--font-mono);
  --news-weight: 500;
}
.news-headline-card,
.news-headline-card:hover {
  background: var(--news-paper);
  color: var(--news-ink);
}
.news-headline-card .fc-news-source { color: var(--news-accent); }
.news-headline-card .fc-news-time { color: var(--news-muted); }
.news-headline-card .fc-news-head {
  margin: auto 0;
  padding: 0;
  font-family: var(--news-font);
  font-weight: var(--news-weight);
  font-size: 32px;
  line-height: 1.12;
  letter-spacing: -0.035em;
  color: var(--news-ink);
  text-wrap: balance;
  -webkit-line-clamp: 6;
}
.news-type-mono.news-headline-card .fc-news-head { font-size: 26px; letter-spacing: -0.06em; }
.news-headline-long .fc-news-head { font-size: 27px; -webkit-line-clamp: 8; }
.news-type-mono.news-headline-long .fc-news-head { font-size: 23px; }
.news-headline-compact .fc-news-head { font-size: 23px; -webkit-line-clamp: 9; }
.news-type-mono.news-headline-compact .fc-news-head { font-size: 20px; }

.article-card.news-headline-card { grid-template-columns: 1fr; min-height: 440px; }
.article-card.news-headline-card .article-body { justify-content: center; }
.article-card.news-headline-card .article-title {
  font-family: var(--news-font);
  font-weight: var(--news-weight);
  font-size: clamp(32px, 5.5vw, 64px);
  line-height: 1.12;
  color: var(--news-ink);
}
.article-card.news-headline-card .article-meta,
.article-card.news-headline-card .article-snippet { color: var(--news-muted); }
.article-card.news-headline-card .article-read { margin-top: 20px; align-self: flex-start; width: auto; }
@media (max-width: 600px) {
  .news-headline-card .fc-news-head { font-size: clamp(25px, 7.7vw, 30px); }
  .news-type-mono.news-headline-card .fc-news-head { font-size: clamp(21px, 6.4vw, 25px); }
  .news-headline-long .fc-news-head { font-size: clamp(21px, 6.6vw, 26px); }
  .news-type-mono.news-headline-long .fc-news-head { font-size: clamp(18px, 5.6vw, 22px); }
  .news-headline-compact .fc-news-head { font-size: clamp(19px, 5.6vw, 22px); }
  .news-type-mono.news-headline-compact .fc-news-head { font-size: clamp(17px, 4.8vw, 19px); }
}