@media (max-width: 1024px) {
  .context-explorer__tabs { grid-template-columns: repeat(2, 1fr); }
  .context-explorer__tab:nth-child(2) { border-right: none; }
  .context-explorer__panel { grid-template-columns: 1fr 1fr; }
  .context-grid { grid-template-columns: repeat(2, 1fr); }
  .product-trio { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; }
  .split-panels { grid-template-columns: 1fr; }
  .stat-case { grid-template-columns: 1fr; }
  .site-footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .site-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  .site-nav__links {
    position: fixed;
    top: var(--header-height);
    left: 0; right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    padding: 1rem 1.25rem 1.5rem;
    transform: translateY(-110%);
    opacity: 0;
    visibility: hidden;
    transition: transform var(--transition-base), opacity var(--transition-base), visibility var(--transition-base);
    box-shadow: var(--shadow-md);
  }

  .site-nav__links.is-open { transform: translateY(0); opacity: 1; visibility: visible; }
  .site-nav__link { padding: 0.875rem 0; border-bottom: 1px solid var(--color-border); font-size: 1rem; }
  .site-nav__link:last-child { border-bottom: none; }
  .site-nav__toggle { display: flex; }
  .site-nav > .btn--primary { display: none; }
  .site-nav__links .btn--primary { display: inline-flex; margin-top: 1rem; width: 100%; justify-content: center; }

  .context-explorer__tabs { grid-template-columns: 1fr; }
  .context-explorer__tab { border-right: none; border-bottom: 1px solid var(--color-border); }
  .context-explorer__tab:last-child { border-bottom: none; }
  .context-explorer__panel { grid-template-columns: 1fr; padding: 1.5rem; }
  .context-grid { grid-template-columns: 1fr; }
  .compliance-grid { flex-direction: column; align-items: center; }
  .site-footer__grid { grid-template-columns: 1fr; }
  .site-footer__bottom { flex-direction: column; text-align: center; }
  .site-footer__legal { flex-direction: column; gap: 0.75rem; }
}