/* MELANIUM Premiere: legible 13px minimum for small website interface copy.
   Normal paragraphs and display headings retain their larger original sizing. */
.announcement,
.site-header .desktop-nav a,
.site-header .space-link,
.site-header .button.compact,
.site-header .menu-toggle,
.mobile-nav a,
.eyebrow,
.mel-eyebrow,
.button,
.mel-btn,
.text-link,
.text-button,
.hero-kicker,
.hero-discover,
.hero-coordinate,
.hero-bottom,
.spotlight .shuffle-button,
.spotlight-bottom,
.spotlight-caption .eyebrow,
.portrait-tag,
.experience-top,
.experience-title p,
.future-paths a > span,
.future-paths p,
.hub-number,
.hub-grid p,
.future-faq details p,
.future-updates .fine,
.future-updates .consent,
.footer-brand span,
.footer-top p,
.footer-links a,
.footer-links .eyebrow,
.footer-bottom,
.footer-bottom .fine,
.fine {
  font-size: 13px;
}
.site-header .desktop-nav { gap: clamp(12px, 1.4vw, 22px); }
.site-header .header-actions { gap: clamp(10px, 1.4vw, 19px); }
.site-header .desktop-nav a, .site-header .space-link { white-space: nowrap; }
.announcement, .hero-kicker, .hero-coordinate,
.experience-top, .portrait-tag, .eyebrow, .mel-eyebrow {
  letter-spacing: .07em;
}
@media (max-width: 1100px) {
  .future-hero-actions .button,
  .hero-kicker,
  .site-header .desktop-nav a,
  .site-header .space-link { font-size: 13px; }
}
@media (max-width: 640px) {
  .announcement, .hero-kicker, .future-hero-actions .button,
  .hero-bottom, .footer-bottom, .footer-bottom .fine { font-size: 13px; }
  .hero-kicker { line-height: 1.5; }
}

/* Homepage FAQ: clearer questions and answers without changing other sections. */
.future-faq summary {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
}
.future-faq details p {
  font-size: 16px;
  line-height: 1.8;
}
.future-faq h2 .accent {
  color: var(--gold);
}
@media (max-width: 640px) {
  .future-faq summary { font-size: 17px; line-height: 1.5; }
  .future-faq details p { font-size: 16px; }
}

/* Awards directory: four equally sized cards on desktop only.
   Scope to the Awards page; retain tablet/phone card counts. */
@media (min-width: 1101px) {
  body.page-id-5 .mel-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }
  body.page-id-5 .mel-card-grid > * { min-width: 0; }
  body.page-id-5 .mel-card-grid .mel-item-body { padding: 20px; }
  body.page-id-5 .mel-card-grid .mel-item h3 {
    font-size: clamp(23px, 1.75vw, 28px);
    line-height: 1.1;
    overflow-wrap: break-word;
  }
}