.mobile-navigation { display: none; }
@media (max-width: 1024px) {
    .mobile-navigation { display: block; margin: 0 0 .5rem; }
    .mobile-navigation summary { cursor: pointer; padding: .5rem .75rem; font-weight: 600; }
    .mobile-navigation nav { display: grid; gap: .25rem; padding: .5rem; }
    .mobile-navigation a { display: block; padding: .5rem; color: var(--color-primary); }
}
.mobile-navigation summary:focus-visible,
.mobile-navigation a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }