/* Arcadia Frequencies v7.24 — large-screen layout refinement
   Purpose: fix 24"+ desktop layout issues on The Workstation, Human Approval,
   and Operational Continuity pages while preserving the accepted mobile state.
   Mobile breakpoint is intentionally untouched. */

@media (min-width: 1200px) {
  .workstation-page .wrap,
  .approval-queue-page .wrap,
  .operational-continuity-page .wrap {
    max-width: 1380px;
  }

  .workstation-page .section,
  .approval-queue-page .section,
  .operational-continuity-page .section {
    padding-top: clamp(5.5rem, 5.8vw, 8rem);
    padding-bottom: clamp(5.5rem, 5.8vw, 8rem);
  }

  .workstation-page .product-hero .hero-grid,
  .approval-queue-page .product-hero .hero-grid,
  .operational-continuity-page .product-hero .hero-grid {
    grid-template-columns: minmax(0, 1.34fr) minmax(420px, 0.86fr);
    gap: clamp(4rem, 6vw, 7.5rem);
    align-items: center;
  }

  .workstation-page .product-hero .hero-grid > div:first-child,
  .approval-queue-page .product-hero .hero-grid > div:first-child,
  .operational-continuity-page .product-hero .hero-grid > div:first-child {
    max-width: 820px;
  }

  .workstation-page .product-hero h1,
  .approval-queue-page .product-hero h1,
  .operational-continuity-page .product-hero h1 {
    max-width: 980px;
    line-height: 0.98;
    letter-spacing: -0.046em;
  }

  .workstation-page .product-hero .lead,
  .workstation-page .product-hero .prose-stack,
  .approval-queue-page .hero-sub,
  .operational-continuity-page .hero-sub {
    max-width: 780px;
  }

  .workstation-page .product-mark-card,
  .approval-queue-page .contact-card,
  .operational-continuity-page .contact-card {
    max-width: 500px;
    justify-self: end;
  }

  /* Workstation: make section headers use the room of a 24"+ monitor instead of stacking cramped left. */
  .workstation-page #models .wrap,
  .workstation-page #founding-specs .wrap,
  .workstation-page section.alt .wrap {
    max-width: 1400px;
  }

  .workstation-page #models .wrap {
    display: grid;
    grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1.38fr);
    gap: clamp(3.5rem, 6vw, 7rem);
    align-items: start;
  }

  .workstation-page #models .eyebrow,
  .workstation-page #models h2 {
    grid-column: 1;
  }

  .workstation-page #models h2.line-stack {
    max-width: 520px;
    margin-bottom: 0;
  }

  .workstation-page #models h2.line-stack span {
    display: block;
  }

  .workstation-page #models .product-grid {
    grid-column: 2;
    grid-row: 1 / span 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.4rem, 2vw, 2.25rem);
    align-items: stretch;
  }

  .workstation-page #models .small-card {
    min-height: 260px;
    padding: clamp(2rem, 2.4vw, 3rem);
  }

  .workstation-page #models .small-card h3 {
    max-width: 100%;
    font-size: clamp(1.28rem, 1.25vw, 1.65rem);
    line-height: 1.18;
  }

  .workstation-page #telepresence .two-col,
  .workstation-page .request .two-col {
    grid-template-columns: minmax(0, 1.18fr) minmax(420px, 0.82fr);
    gap: clamp(4rem, 6vw, 7rem);
  }

  .workstation-page #founding-specs h2,
  .workstation-page #founding-specs p {
    max-width: 920px;
  }

  .workstation-page .spec-table {
    margin-top: clamp(2rem, 3vw, 3.5rem);
  }

  .workstation-page .product-grid {
    gap: clamp(1.5rem, 2.4vw, 2.75rem);
  }

  .workstation-page .small-card,
  .approval-queue-page .luminous-card,
  .operational-continuity-page .luminous-card {
    padding: clamp(2rem, 2.4vw, 3rem);
  }

  /* Human Approval and Continuity: improve desktop balance and avoid narrow/tall operational cards. */
  .approval-queue-page .section.alt > .wrap,
  .operational-continuity-page .section.alt > .wrap {
    max-width: 1380px;
    display: grid;
    grid-template-columns: minmax(410px, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(2rem, 3.5vw, 4.25rem);
    align-items: start;
  }

  .approval-queue-page .section.alt > .wrap > .luminous-card:first-child,
  .operational-continuity-page .section.alt > .wrap > .luminous-card:first-child {
    grid-column: 1;
    position: sticky;
    top: 118px;
    min-height: auto;
  }

  .approval-queue-page .command-workspace-card,
  .approval-queue-page .queue-list,
  .operational-continuity-page #continuitySummary,
  .operational-continuity-page #continuityTimeline {
    grid-column: 2;
  }

  .approval-queue-page .command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .approval-queue-page .command-tile {
    min-height: 170px;
  }

  .approval-queue-page .form-grid.two,
  .operational-continuity-page .form-grid.two {
    grid-template-columns: 1fr;
  }

  .approval-queue-page input,
  .approval-queue-page select,
  .operational-continuity-page input,
  .operational-continuity-page select {
    width: 100%;
  }
}

@media (min-width: 1500px) {
  .workstation-page .wrap,
  .approval-queue-page .wrap,
  .operational-continuity-page .wrap {
    max-width: 1480px;
  }

  .workstation-page #models .wrap,
  .workstation-page #founding-specs .wrap,
  .approval-queue-page .section.alt > .wrap,
  .operational-continuity-page .section.alt > .wrap {
    max-width: 1500px;
  }

  .workstation-page #models .wrap {
    grid-template-columns: minmax(420px, 0.68fr) minmax(0, 1.42fr);
  }

  .workstation-page #models .small-card {
    min-height: 300px;
  }
}