/* =============================================================================
   Phase 2 — large monitors (1536px+ / 2xl)
   Scoped to data-heavy public pages: packages + instructors.
   Homepage hero/container stays at 1200px (UI_LOCK).
   ============================================================================= */

@media (min-width: 1536px) {
  :root {
    --dv-container-wide: 87.5rem; /* 1400px */
    --dv-monitor-gutter: clamp(1.5rem, 2.5vw, 3rem);
  }

  /* Packages (ws_public_base + ws-page-wide) */
  .ws-page-wide {
    max-width: var(--dv-container-wide);
  }

  .ws-page-wide .ws-pkg-hero {
    padding: 2.25rem 2rem 1.85rem;
  }

  .ws-page-wide .ws-pkg-hero__title {
    font-size: clamp(2rem, 2.4vw, 2.75rem);
    line-height: 1.12;
  }

  .ws-page-wide .ws-pkg-hero__lede {
    font-size: 1.0625rem;
    line-height: 1.65;
    max-width: 52rem;
    margin-inline: auto;
  }

  .ws-page-wide .ws-pkg-table-scroll table {
    font-size: 0.9375rem;
  }

  .ws-page-wide .ws-pkg-table-scroll th,
  .ws-page-wide .ws-pkg-table-scroll td {
    padding: 0.85rem 1rem;
  }

  .ws-page-wide .ws-pkg-panel {
    padding: 1.35rem 1.35rem 1.15rem;
  }

  /* Instructors marketplace */
  .ws-instructors__shell,
  .ws-instructors__hero-inner {
    max-width: var(--dv-container-wide);
    padding-inline: var(--dv-monitor-gutter);
  }

  .ws-instructors__title {
    font-size: clamp(2.25rem, 3.2vw, 3.25rem);
    line-height: 1.08;
  }

  .ws-instructors__lede {
    font-size: 1.0625rem;
    line-height: 1.65;
    max-width: 42rem;
  }

  .ws-instructors__grid {
    gap: 1.65rem;
  }

  .ws-instructors__trust-grid {
    gap: 1rem;
  }
}