/* Shared responsive navigation; the original navigation remains usable without JS. */
.mobile-menu-toggle{display:none}
.mobile-menu-panel{padding:0;border:0;color:var(--ink);background:#fff;max-height:none;max-width:none;width:min(390px,calc(100% - 24px));height:100dvh;margin:0 0 0 auto;position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 50px #001b2433;overflow:hidden}
.mobile-menu-panel[open]{display:flex;flex-direction:column;animation:menu-slide-in .22s ease-out}
.mobile-menu-panel::backdrop{background:#041e19a6;backdrop-filter:blur(2px)}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-top:5px solid var(--green);border-bottom:1px solid var(--line);flex-shrink:0}
.mobile-menu-top strong{font-size:22px;color:var(--green)}
.mobile-menu-close,.mobile-menu-toggle{align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;background:white;color:var(--green);cursor:pointer}
.mobile-menu-close{display:flex}
.mobile-menu-body{overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 24px;flex:1;min-height:0}
.mobile-menu-panel .main-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;font-size:16px;line-height:1.5}
.mobile-menu-panel .main-navigation>a,.mobile-menu-panel .community-menu>summary{display:flex;align-items:center;min-height:52px;padding:14px 0;border:0;border-bottom:1px solid var(--line);text-decoration:none;white-space:normal}
.mobile-menu-panel .community-menu>summary{justify-content:space-between;list-style:none;font-weight:600}
.mobile-menu-panel .community-menu>summary::-webkit-details-marker{display:none}
.mobile-menu-panel .community-menu>summary::after{content:'+';font-size:23px;font-weight:400;margin-left:16px}
.mobile-menu-panel .community-menu[open]>summary::after{content:'−'}
.mobile-menu-panel .community-menu-links{position:static;width:auto;max-height:none;border:0;border-radius:0;box-shadow:none;background:#f1f5f2;padding:8px 14px;margin-top:8px;overflow:visible}
.mobile-menu-panel .community-menu-links a{display:flex;align-items:center;min-height:48px;margin:0;padding:10px 4px;font-size:15px;line-height:1.5;border:0}
.mobile-menu-panel .community-menu-links a[href='/members'],.mobile-menu-panel .community-menu-links a[href='/donate']{display:none}
.mobile-menu-shortcuts{display:grid;gap:12px;margin-top:24px}
.mobile-menu-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:12px 16px;text-align:center;text-decoration:none;font-size:16px;font-weight:700;border:1px solid var(--green);border-radius:6px;color:var(--green)}
.mobile-menu-shortcuts a[href='/donate']{background:var(--gold);border-color:var(--gold)}
.mobile-menu-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:15px;flex-shrink:0}
.mobile-menu-footer .languages button{min-width:44px;min-height:44px}
@keyframes menu-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1100px){
 .site-header.mobile-menu-ready{position:sticky;top:0;flex-wrap:nowrap;gap:12px;padding:10px 4%;min-height:75px}
 .mobile-menu-ready .mobile-menu-toggle{display:flex}
 .site-header.mobile-menu-ready .brand{min-width:0;flex:1;gap:9px;font-size:18px}
 .site-header.mobile-menu-ready .brand small{display:none}
 .site-header.mobile-menu-ready .brand img{width:40px;height:40px;flex-shrink:0}
 .site-header.mobile-menu-ready .languages{margin-left:0;padding:2px}
 .site-header.mobile-menu-ready .languages button{min-width:44px;min-height:44px;padding:8px}
 html{scroll-padding-top:90px}
}
@media(max-width:360px){.site-header.mobile-menu-ready{gap:7px;padding-inline:10px}.site-header.mobile-menu-ready .brand{font-size:15px;gap:6px}.site-header.mobile-menu-ready .brand img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.mobile-menu-panel[open]{animation:none}}