.navigation-page{max-width:100%;padding:0}.navigation-page .view-top{margin-bottom:14px}.navigation-page h1{font-size:22px}.navigation-hud{display:grid;grid-template-columns:1fr auto;gap:8px;background:#153e36;color:white;padding:16px;border-radius:16px 16px 0 0}.navigation-hud strong{grid-column:1/-1;font-size:17px}.navigation-hud span{font-size:14px}#navigation-map{height:clamp(310px,49vh,560px);width:100%;background:#e8efea}.navigation-map-wrap{position:relative;overflow:hidden;border-radius:0 0 16px 16px}.nav-follow{position:absolute;right:12px;bottom:20px;z-index:500;background:white;width:46px;min-height:46px;padding:10px}.navigation-event-pin{display:grid;place-items:center;background:white;border:2px solid #176e60;border-radius:50%;box-shadow:0 2px 8px #1235}.navigation-event-pin svg{width:20px;height:20px}.navigation-list-row{display:flex;align-items:center;gap:8px}.navigation-list-row .event-with-media{flex:1;min-width:0}.navigation-list-row>span{white-space:nowrap;font-size:12px}.navigation-alert{position:fixed;z-index:3000;left:50%;top:max(16px,env(safe-area-inset-top));transform:translateX(-50%);width:min(480px,calc(100% - 24px));display:flex;align-items:center;gap:14px;background:#153e36;color:white;padding:18px 20px;border:2px solid #b7ef77;border-radius:18px;box-shadow:0 8px 35px #0004;animation:navPulse 1s ease-in-out 5}.navigation-alert>svg{width:30px;height:30px}.navigation-alert strong,.navigation-alert span{display:block}.navigation-alert span{font-size:13px;margin-top:5px}.gallery-open svg{height:22px;width:22px;vertical-align:middle}.type-grid .type-button{min-height:90px}.navigation-page #nav-status{min-height:20px;margin:8px 0;font-size:12px}@keyframes navPulse{50%{box-shadow:0 0 0 5px #b7ef7740,0 8px 35px #0004}}@media(prefers-reduced-motion:reduce){.navigation-alert{animation:none}}
.navigation-event-pin svg,.navigation-alert>svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){#navigation-map{height:min(38svh,320px);min-height:260px}.navigation-page .view-top{gap:12px}.navigation-page h1{font-size:20px}.navigation-page .list-heading{margin-top:18px}.navigation-page .event h3{font-size:14px}.navigation-list-row>span{font-size:11px}}
