/* ==========================================================
   ARCADIA v7_18 — HUMAN APPROVAL + STANDALONE PAGE POLISH
   Baseline: v7_17 full deployable.
   Purpose: harmonize Approval Queue and Operational Continuity pages
   with accepted mobile header behavior and improve human-readable
   trust language without changing colors, assets, Worker/D1, or
   public-action boundaries.
   ========================================================== */

#human-approval-queue-page,
#operational-continuity-page {
  scroll-margin-top: 112px;
}

.approval-queue-page .line-stack,
.operational-continuity-page .line-stack,
.approval-queue-page h1,
.approval-queue-page h2,
.operational-continuity-page h1,
.operational-continuity-page h2,
.approval-queue-page .hero-sub,
.operational-continuity-page .hero-sub {
  line-height: 1.22;
  padding-bottom: .08em;
  overflow: visible;
}

.approval-queue-page .product-hero .hero-grid,
.operational-continuity-page .product-hero .hero-grid {
  align-items: start;
}

.approval-queue-page .contact-card,
.operational-continuity-page .contact-card {
  align-self: stretch;
}

@media (max-width: 900px) {
  .approval-queue-page .two-col,
  .approval-queue-page .hero-grid,
  .operational-continuity-page .two-col,
  .operational-continuity-page .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    align-items: stretch !important;
  }

  .approval-queue-page .contact-card,
  .approval-queue-page .luminous-card,
  .operational-continuity-page .contact-card,
  .operational-continuity-page .luminous-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 820px) {
  #human-approval-queue-page,
  #operational-continuity-page {
    scroll-margin-top: 82px !important;
  }

  .approval-queue-page main,
  .operational-continuity-page main {
    overflow-x: hidden;
  }

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

@media (max-width: 520px) {
  #human-approval-queue-page,
  #operational-continuity-page {
    scroll-margin-top: 76px !important;
  }

  .approval-queue-page .product-hero.section,
  .approval-queue-page .section,
  .operational-continuity-page .product-hero.section,
  .operational-continuity-page .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .approval-queue-page .wrap,
  .operational-continuity-page .wrap {
    width: min(100% - 1rem, var(--wrap, 1120px)) !important;
  }

  .approval-queue-page h1,
  .operational-continuity-page h1 {
    font-size: clamp(2.05rem, 10vw, 3.05rem) !important;
  }

  .approval-queue-page h2,
  .operational-continuity-page h2 {
    font-size: clamp(1.75rem, 8.4vw, 2.45rem) !important;
  }
}