/* Phase 8q — Mobile responsive: breakpoints for all phase-8 grids */

@media (max-width: 640px) {

  /* ── How We Work: interview cards ── */
  .how-work-interview-cards {
    grid-template-columns: 1fr !important;
  }

  /* ── How We Work: evidence to sequence — chevrons stack vertically ── */
  .how-work-decision-flow {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }

  .how-work-decision-step {
    clip-path: none !important;
    margin-left: 0 !important;
    border-radius: 0.5rem !important;
    text-align: center !important;
    min-height: 4rem !important;
  }

  .how-work-decision-step:first-child,
  .how-work-decision-step:last-child {
    clip-path: none !important;
  }

  /* ── How We Work: diagnostic frame — stage pills two columns ── */
  .how-work-foundation-row--stages {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }

  .how-work-foundation-row--pillars {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }

  /* ── Diagnostic frame — underpinned-by connector line ── */
  .how-work-foundation-bridge::before {
    display: none !important;
  }

  /* ── How We Work: working strip ── */
  .how-work-working-strip {
    grid-template-columns: 1fr !important;
  }

  /* ── How We Work: software grid — stack columns ── */
  .how-work-software-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── How We Work: app screenshot — full width ── */
  .how-work-app-screenshot img {
    width: 100% !important;
  }

  /* ── How We Work: software points ── */
  .how-work-software-section .how-work-software-points {
    grid-template-columns: 1fr !important;
  }

  /* ── How We Work: interviews grid — stack columns ── */
  .how-work-interviews-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── About: all grids ── */
  .about-thinking-grid,
  .about-experience-grid,
  .about-method-cards,
  .about-split,
  .about-founder-panel {
    grid-template-columns: 1fr !important;
  }

  .about-pillars-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* ── Work With Us: all grids ── */
  .wwu-fit-list,
  .wwu-sprint-metrics,
  .wwu-boundary-strip,
  .wwu-sprint-columns,
  .wwu-diagnose-detail__grid--expanded {
    grid-template-columns: 1fr !important;
  }

  .work-with-us-page--condensed .wwu-experience-grid--featured-only {
    grid-template-columns: 1fr !important;
  }

  /* ── Insights ── */
  .insights-feature-grid--two,
  .launch-insight-feature-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── Article hero ── */
  .article-hero__layout {
    grid-template-columns: 1fr !important;
  }

  .article-hero__aside {
    display: none !important;
  }

}

@media (max-width: 860px) {

  /* ── How We Work: interview cards — single column on tablet ── */
  .how-work-interview-cards {
    grid-template-columns: 1fr !important;
  }

  /* ── How We Work: software points ── */
  .how-work-software-section .how-work-software-points {
    grid-template-columns: 1fr !important;
  }

  /* ── How We Work: diagnostic frame ── */
  .how-work-foundation-row--stages {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .how-work-foundation-row--pillars {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  /* ── About: experience grid — two columns on tablet ── */
  .about-experience-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* ── About: pillars grid — four columns on tablet ── */
  .about-pillars-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  /* ── Work With Us: boundary strip and metrics — two columns on tablet ── */
  .wwu-boundary-strip,
  .wwu-sprint-metrics {
    grid-template-columns: repeat(2, 1fr) !important;
  }

}