/* Shared across every public layout; native disclosure works without JavaScript. */
.mobile-navigation {display:none}
@media(max-width:700px) {
 .site-header,.newspaper-page .site-header {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;padding:10px 20px;min-height:68px}
 .site-header>.primary-nav,.site-header>.newspaper-nav {display:none}
 .site-header>.mobile-navigation {display:block;margin-left:auto}
 .mobile-navigation summary {display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;list-style:none;cursor:pointer;font:700 13px/1.4 var(--sans)}
 .mobile-navigation summary::-webkit-details-marker {display:none}
 .mobile-menu-icon {font-size:22px;line-height:1}
 .site-header:has(.mobile-navigation[open]) {align-items:flex-start}
 .site-header:has(.mobile-navigation[open])>.masthead {margin-top:12px}
 .mobile-navigation[open] {width:100%;margin-top:-44px}
 .mobile-navigation[open] summary {width:fit-content;margin-left:auto}
 .mobile-navigation nav {display:grid;grid-template-columns:1fr;margin-top:10px;padding:8px 0;border-top:1px solid var(--line)}
 .mobile-navigation nav a {display:flex;align-items:center;min-height:44px;padding:10px 4px;font:700 13px/1.4 var(--sans);border-bottom:1px solid var(--line)}
 .mobile-navigation nav a:hover,.mobile-navigation nav a[aria-current] {color:var(--green)}
 .mobile-navigation summary:focus-visible,.mobile-navigation a:focus-visible {outline:3px solid var(--green);outline-offset:2px}
}