/* Mobile navigation 2026-10-08 — native <details> fallback. Loaded last. */
.site-header .mobile-nav-menu{display:none}
.site-header .header-auth{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto;min-width:0}
.site-header .header-auth .header-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:#fff;font-size:13px;line-height:1.35;text-decoration:none;font-weight:750;white-space:nowrap}
.site-header .header-auth .header-account-link:hover,.site-header .header-auth .header-account-link:focus-visible{color:#073c31;background:#f1c875;outline:2px solid #fff;outline-offset:1px}
.site-header .header-auth .header-register{background:#db9e35;color:#123a2d}
.site-header .header-auth .header-user-login{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
.site-header .header-auth .admin-entry-link{display:inline-flex}
@media(max-width:1180px){
 .site-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand mobile-menu" "auth auth";gap:7px 10px!important;align-items:center!important;min-height:0!important;height:auto!important;padding:9px 14px 10px!important;position:sticky!important;top:0!important;z-index:100!important}
 .site-header .brand{grid-area:brand;min-width:0;max-width:100%;gap:8px}
 .site-header .brand>div:last-child{min-width:0}
 .site-header .brand strong{font-size:clamp(13px,2.15vw,18px)!important;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
 .site-header .brand span{font-size:10px;line-height:1.2}
 .site-header .brand-mark{width:41px;height:41px;flex:0 0 41px;font-size:21px}
 .site-header .top-nav{display:none!important}
 .site-header .mobile-nav-menu{display:block!important;grid-area:mobile-menu;position:relative;min-width:0;justify-self:end}
 .site-header .mobile-nav-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;list-style:none;min-height:44px;padding:8px 12px;cursor:pointer;border:1px solid rgba(255,255,255,.48);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:750;touch-action:manipulation}
 .site-header .mobile-nav-menu>summary::-webkit-details-marker{display:none}
 .site-header .mobile-nav-menu>summary:focus-visible{outline:3px solid #f1c875;outline-offset:2px}
 .site-header .mobile-menu-bars{display:flex;flex-direction:column;gap:4px;width:19px}
 .site-header .mobile-menu-bars i{display:block;width:100%;height:2px;background:#fff;border-radius:2px}
 .site-header .mobile-nav-menu[open]>summary{background:#d89a2b;color:#123a2d}
 .site-header .mobile-nav-menu[open] .mobile-menu-bars i{background:#123a2d}
 .site-header .mobile-nav-panel{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:min(320px,calc(100vw - 24px));padding:9px;border-radius:13px;background:#064637;box-shadow:0 13px 32px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;gap:4px;z-index:110}
 .site-header .mobile-nav-panel a{display:block;color:#fff!important;text-align:right;padding:13px 15px;min-height:46px;border-radius:8px;font-size:15px;font-weight:750;text-decoration:none}
 .site-header .mobile-nav-panel a:hover,.site-header .mobile-nav-panel a:focus-visible{background:#db9e35;color:#123a2d!important;outline:2px solid #fff}
 .site-header .header-auth{grid-area:auth;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}
 .site-header .header-auth .header-account-link{display:flex!important;min-width:0;min-height:43px;padding:7px 3px!important;text-align:center;white-space:normal!important;font-size:clamp(11px,1.7vw,13px)!important;line-height:1.25}
 .site-header .header-auth .admin-entry-link{border-color:rgba(255,255,255,.22)}
}
@media(max-width:420px){
 .site-header{padding:9px 10px 9px!important;gap:6px 5px!important}
 .site-header .brand span{display:none}
 .site-header .brand-mark{width:36px;height:36px;flex-basis:36px;font-size:19px}
 .site-header .brand strong{font-size:clamp(12px,3.65vw,15px)!important}
 .site-header .mobile-nav-menu>summary{padding:7px 9px}
 .site-header .header-auth{gap:4px}
 .site-header .header-auth .header-account-link{font-size:11.5px!important}
}
@media(max-width:310px){.site-header .mobile-nav-menu>summary span:last-child{display:none}.site-header .header-auth .header-account-link{font-size:11px!important}}