/* Readable secondary information and actions; decorative mockups keep their scale. */
@media (max-width: 639px) {
  .home-page
    :is(
      .home-eyebrow,
      .home-hero-eyebrow,
      .home-fine-print,
      .home-image-credit,
      .home-live-note,
      .home-video-caption,
      .home-inline-status,
      .home-audience-number,
      .home-tobi-question-label,
      .home-tobi-question-note,
      .home-report-meta,
      .home-highlight small,
      .home-store-links small,
      .home-live-preview small,
      .home-slide-caption > span,
      .home-slide-caption > small,
      .home-planned-note > span,
      .home-municipality-points > div > span
    ) {
    font-size: 14px;
    line-height: 1.5;
  }
  .home-page
    :is(
      .home-highlight strong,
      .home-store-links strong,
      .home-live-preview strong,
      .home-hero-explore,
      .home-text-link,
      .home-report-link,
      .home-closing-links > a,
      .home-faq-list summary
    ),
  .home-page .home-hero .home-button,
  .home-page .home-tobi-panel .home-button,
  .home-page .home-button {
    font-size: 16px;
    line-height: 1.5;
  }
  .home-page .home-highlight > span:not(.home-highlight-icon) {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .home-page .home-store-links > a {
    min-width: 0;
    max-width: 100%;
  }
}
@media (max-width: 374px) {
  .home-page .home-hero-highlights {
    grid-template-columns: minmax(0, 1fr);
  }
}