.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline-block;
  vertical-align: middle;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Public editorial hierarchy: headlines use NationWire's existing Newsreader
   face, while context and metadata stay compact in Work Sans. */
.homepage-lead-headline,
.editorial-major-headline,
.editorial-card-headline,
.editorial-compact-headline,
.editorial-section-heading {
  font-family: "Newsreader", Georgia, serif;
  color: #000;
}

.homepage-lead-headline {
  max-width: 20ch;
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.06;
}

.editorial-major-headline {
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 700;
  line-height: 1.15;
}

.editorial-card-headline {
  font-size: clamp(1.18rem, 1.55vw, 1.55rem);
  font-weight: 700;
  line-height: 1.16;
}

.editorial-compact-headline {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.editorial-section-heading {
  font-size: clamp(1.45rem, 2.25vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.1;
}

.homepage-lead-summary,
.editorial-summary {
  color: #45464d;
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.6;
}

.homepage-lead-summary {
  font-size: clamp(1rem, 1.4vw, 1.15rem);
}

.editorial-category,
.editorial-meta {
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.editorial-category { color: #bb0112; }
.editorial-meta { color: #696b73; font-weight: 600; }

.homepage .bg-primary-container .editorial-section-heading,
.homepage .bg-primary-container .editorial-major-headline {
  color: #fff;
}

@media (max-width: 640px) {
  .homepage-lead-headline { max-width: none; }
  .editorial-summary { font-size: 0.9rem; }
}