/* Shared navigation correction: keep the drawer CTA visible on mobile. */
@media (max-width: 760px) {
  .axion-nav-drawer .axion-nav__cta { display: inline-flex; min-height: 42px; }
}

/* Landing-page refinements. */
body:has(.hero) .hero { min-height: calc(100svh - 72px); }
body:has(.hero) .router { isolation: isolate; }
body:has(.hero) .model small { display: block; margin-top: 3px; }

@media (max-width: 1080px) {
  body:has(.hero) .hero {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-top: 72px;
    padding-bottom: 90px;
  }
  body:has(.hero) .hero-copy { max-width: 760px; }
  body:has(.hero) .router { width: 100%; max-width: 760px; }
}

@media (max-width: 620px) {
  body:has(.hero) .hero { padding-bottom: 64px; }
  body:has(.hero) .router { display: block; margin-top: 10px; box-shadow: 8px 8px 0 #0e2933; }
  body:has(.hero) .route-map { padding: 20px 16px; }
  body:has(.hero) .destinations { margin-left: 32px; }
  body:has(.hero) .model { padding: 9px; }
  body:has(.hero) .model > span { width: 36px; height: 36px; }
  body:has(.hero) .router-console {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    align-items: center;
  }
  body:has(.hero) .router-console span:nth-of-type(2) { margin-left: 0; }
  body:has(.hero) .router-console code { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}