/* Keep the expanded primary navigation clear at tablet widths. */
@media (min-width: 821px) and (max-width: 1100px) {
 .site-header .desktop-nav { display: none; }
 .site-header .mobile-actions { display: flex; align-items: center; gap: 14px; }
 .site-header .mobile-cta, .site-header .menu-toggle { background: transparent; padding: 12px 0; font-size: 14px; cursor: pointer; }
 .site-header .mobile-cta { color: var(--blue); }
 .site-header .mobile-menu { position: fixed; top: 100px; left: var(--page-x); right: var(--page-x); display: grid; padding: 10px; border-radius: var(--radius); background: #fff; color: #000; box-shadow: 0 18px 50px #0002; }
 .site-header .mobile-menu[hidden] { display: none; }
 .site-header .mobile-menu a, .site-header .mobile-menu button { padding: 14px 12px; background: transparent; text-align: left; font-size: 16px; }
}