/* A compact navigation menu for phones and tablets. */
header{position:relative;z-index:50;overflow:visible}
.mobile-navigation{display:none;position:relative;flex:0 0 auto}
.mobile-navigation>summary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #183d35;border-radius:7px;background:#183d35;color:#fffdf3;font:600 13px/1.4 'DM Sans',sans-serif;list-style:none;cursor:pointer;user-select:none;transition:background .2s}
.mobile-navigation>summary::-webkit-details-marker{display:none}
.mobile-navigation>summary::marker{content:''}
.mobile-navigation>summary svg{display:block;width:18px;height:18px;flex-shrink:0}
.mobile-navigation>summary:hover,.mobile-navigation[open]>summary{background:#305b47}
.mobile-navigation>summary:focus-visible{outline:3px solid #8aab4f;outline-offset:4px}
header .mobile-navigation>.mobile-navigation-links{position:absolute;top:calc(100% + 12px);right:0;z-index:60;display:grid;gap:3px;width:min(280px,calc(100vw - 36px));max-height:min(70vh,440px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid #b9c7a6;border-radius:10px;background:#fffdf3;color:#183d35;box-shadow:0 14px 38px #183d3526;font:600 14px/1.4 'DM Sans',sans-serif}
header .mobile-navigation:not([open])>.mobile-navigation-links{display:none}
header .mobile-navigation>.mobile-navigation-links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:11px 13px;border-radius:5px;color:#183d35;text-decoration:none;white-space:nowrap}
header .mobile-navigation>.mobile-navigation-links>a:hover,header .mobile-navigation>.mobile-navigation-links>a[aria-current]{background:#e7edda}
header .mobile-navigation>.mobile-navigation-links>a:focus-visible{outline:3px solid #8aab4f;outline-offset:-3px;background:#e7edda}
header .mobile-navigation>.mobile-navigation-links>a:last-child{margin-top:3px;background:#224c3f;color:#fffdf3}
header .mobile-navigation>.mobile-navigation-links>a:last-child:hover{background:#305b47}
@media(max-width:900px){header{gap:18px}header>nav{display:none}.mobile-navigation{display:block}}
@media(prefers-reduced-motion:reduce){.mobile-navigation>summary{transition:none}}