/* ======================================================================
   EWA 2026 — Large-screen & retina optimization
   Targets 16" MacBook (≈1728pt logical) and larger external displays
   (2K / QHD / 4K). The base design caps its fluid type around ~1700px;
   beyond that, content wrappers are widened and full-bleed home sections
   are re-centered so the layout uses the extra space instead of
   sprawling edge-to-edge or stranding content in a narrow column.
   Loaded LAST so these overrides win.
   ====================================================================== */

/* Crisper text rendering on hi-DPI panels */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
}

/* ---------- 16" MacBook and up (≈1680px+ logical width) ---------- */
@media (min-width: 1680px) {
  /* Standalone page wrappers — widen from 1240–1360 */
  .ap-hero-inner, .ap-shell,
  .sp-hero-inner, .sp-shell,
  .ct-hero, .ct-wrap,
  .sh-inner, .sched-bar-inner, .sched-body-inner,
  .th-inner, .th-meta-strip, .tk-sec-inner,
  .lp-hero-inner, .lp-bar-inner, .lp-grid, .lp-more,
  .faq-hero-inner, .faq-wrap,
  .mc-hero-inner, .mc-strip, .mc-sec, .xp-hero-inner, .xp-bar-inner, .xp-body,
  .cc-hero-inner, .cc-idea, .cc-steps-sec, .cc-gallery-sec {
    max-width: 1560px;
  }

  /* Re-center full-bleed home / shared sections */
  .audience, .what, .theme, .tracks, .experiences, .impact,
  .stories, .rewind, .partners, .manifesto,
  .cyl-head, .cyl-meter,
  .footer-grid, .footer-massive, .footer-base {
    padding-left: max(48px, calc((100vw - 1560px) / 2));
    padding-right: max(48px, calc((100vw - 1560px) / 2));
  }
  .hero-inner { max-width: 1560px; margin-left: auto; margin-right: auto; }
  .audience-header, .theme-head, .tracks-head, .stories-head { max-width: none; }

  /* A touch more air in body copy at this scale */
  .hero-sub { font-size: 19px; }
}

/* ---------- Large external displays (QHD / 4K, ≈2300px+) ---------- */
@media (min-width: 2300px) {
  .ap-hero-inner, .ap-shell,
  .sp-hero-inner, .sp-shell,
  .ct-hero, .ct-wrap,
  .sh-inner, .sched-bar-inner, .sched-body-inner,
  .th-inner, .th-meta-strip, .tk-sec-inner,
  .lp-hero-inner, .lp-bar-inner, .lp-grid, .lp-more,
  .faq-hero-inner, .faq-wrap,
  .mc-hero-inner, .mc-strip, .mc-sec, .xp-hero-inner, .xp-bar-inner, .xp-body,
  .cc-hero-inner, .cc-idea, .cc-steps-sec, .cc-gallery-sec {
    max-width: 1840px;
  }

  .audience, .what, .theme, .tracks, .experiences, .impact,
  .stories, .rewind, .partners, .manifesto,
  .cyl-head, .cyl-meter,
  .footer-grid, .footer-massive, .footer-base {
    padding-left: max(48px, calc((100vw - 1840px) / 2));
    padding-right: max(48px, calc((100vw - 1840px) / 2));
  }
  .hero-inner { max-width: 1840px; }

  /* Nudge global type up so it reads comfortably from across a desk */
  .hero-sub { font-size: 21px; }
  .what-detail p, .theme-blurb, .impact-sub, .tracks-sub,
  .ah-sub, .faq-sub, .mc-lede, .cc-hero-sub, .xp-sub { font-size: 20px; }
}

/* ---------- Ultra-wide (≈3000px+) keeps the cap, never sprawls ---------- */
@media (min-width: 3000px) {
  .hero-inner,
  .ap-hero-inner, .ap-shell, .sp-hero-inner, .sp-shell, .ct-hero, .ct-wrap,
  .sh-inner, .sched-bar-inner, .sched-body-inner,
  .th-inner, .th-meta-strip, .tk-sec-inner,
  .lp-hero-inner, .lp-bar-inner, .lp-grid, .lp-more,
  .faq-hero-inner, .faq-wrap,
  .mc-hero-inner, .mc-strip, .mc-sec, .xp-hero-inner, .xp-bar-inner, .xp-body,
  .cc-hero-inner, .cc-idea, .cc-steps-sec, .cc-gallery-sec { max-width: 2040px; }

  .audience, .what, .theme, .tracks, .experiences, .impact,
  .stories, .rewind, .partners, .manifesto, .cyl-head, .cyl-meter,
  .footer-grid, .footer-massive, .footer-base {
    padding-left: max(48px, calc((100vw - 2040px) / 2));
    padding-right: max(48px, calc((100vw - 2040px) / 2));
  }
}