@media (max-width: 76rem) {
  .menu-button { display: inline-grid; }
  .primary-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: var(--space-3) max(1rem, calc((100% - var(--content-width)) / 2)); background: var(--color-surface); border-bottom: 1px solid var(--color-border); box-shadow: var(--shadow-md); }
  .primary-nav[data-open="true"] { display: block; }
  .nav-list { align-items: stretch; flex-direction: column; gap: 0; }
  .nav-link { display: flex; min-height: 2.75rem; padding: .7rem .25rem; }
  .nav-link[aria-current="page"]::after { top: .65rem; right: auto; bottom: .65rem; left: -.5rem; width: 2px; height: auto; }
}
@media (max-width: 48rem) {
  :root { --space-8: 3.25rem; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 30rem) {
  .container { width: min(100% - 1.25rem, var(--content-width)); }
  .header-inner { gap: var(--space-2); }
  .brand { margin-right: auto; font-size: 1.2rem; }
  .brand-tagline { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .placeholder-panel { grid-template-columns: 1fr; }
}