/* Axiome Intelligence — responsive overrides */

/* ── 1200px: tighten nav gap ── */
@media (max-width: 1200px) {
  .va-nav__row { gap: var(--space-8); }
  .va-nav__links { gap: var(--space-6); }
}

/* ── 1024px: hide center nav links, collapse nav actions ── */
@media (max-width: 1024px) {
  .va-nav__row {
    grid-template-columns: 1fr auto;
    gap: var(--space-6);
  }
  .va-nav__links { display: none; }
  .va-nav__actions .btn--primary:last-child { display: none; }

  .va-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "diagram"
      "lede";
    gap: var(--space-8);
  }
  .va-hero__title { font-size: clamp(2.5rem, 8vw, 4rem); }

  .va-cap__head {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }
  .va-cap__head > div:first-child { grid-column: 1; }
  .va-cap__title,
  .va-cap__lede    { grid-column: 1; }

  .va-sec__head {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }
  .va-sec__title,
  .va-sec__lede { grid-column: 1; }

  .va-del__head {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }
  .va-del__title,
  .va-del__lede { grid-column: 1; }

  .va-eng__grid {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }
  .va-eng__lede { max-width: 100%; }

  .va-foot__grid {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }
  .va-foot__cols { grid-template-columns: repeat(3, 1fr); }
}

/* ── 768px: two-column sectors, stack pipeline ── */
@media (max-width: 768px) {
  .va-cap__grid {
    grid-template-columns: 1fr;
  }
  .va-cap__cell {
    border-right: 0;
    border-bottom: 1px solid var(--color-slate-200);
    padding-left: 0;
    padding-right: 0;
  }
  .va-cap__cell:last-child { border-bottom: 0; }

  .va-pipe__stages {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8) 0;
  }
  .va-pipe__track { display: none; }
  .va-pipe__stage {
    padding: var(--space-6) var(--space-4);
    border-left: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .va-pipe__stage:nth-child(odd)  { border-left: 0; }
  .va-pipe__stage:nth-last-child(-n+2) { border-bottom: 0; }

  .va-sec__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .va-del__grid {
    grid-template-columns: 1fr;
  }
  .va-del__cell {
    border-right: 0;
    border-bottom: 1px solid var(--color-slate-200);
  }
  .va-del__cell:last-child { border-bottom: 0; }

  .va-foot__cols { grid-template-columns: repeat(2, 1fr); }
  .va-foot__row {
    flex-direction: column;
    gap: var(--space-2);
    align-items: center;
    text-align: center;
  }
}

/* ── 480px: single column everything ── */
@media (max-width: 480px) {
  .va-nav__actions { gap: var(--space-2); }
  .va-nav__actions .btn { padding: 0.7rem 1rem; font-size: 0.75rem; }

  .va-hero { padding-top: var(--space-8); padding-bottom: var(--space-16); }
  .va-hero__title { font-size: clamp(2rem, 10vw, 3rem); }
  .va-hero__cta { flex-direction: column; }
  .va-hero__cta .btn { width: 100%; justify-content: center; }

  .va-sec__grid { grid-template-columns: 1fr; }

  .va-foot__cols { grid-template-columns: 1fr; gap: var(--space-8); }

  .va-eng__dl > div {
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }
}

/* ── Print ── */
@media print {
  .va-nav { position: static; }
  .va-nav__actions { display: none; }
  .paper-grain { display: none; }
}