.map-container{width:100%;height:520px;border-radius:6px;overflow:hidden;border:1px solid var(--lbd2);position:relative}.map-container .mapboxgl-map{width:100%;height:100%}.map-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;z-index:10}.map-btn{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;background:var(--white);color:var(--ink);border:1px solid var(--lbd2);border-radius:3px;text-decoration:none;cursor:pointer;font-family:var(--sans);transition:background .15s}.map-btn:hover{background:var(--smoke)}.mapboxgl-popup-content{background:var(--ink-2) !important;border:1px solid var(--bd2) !important;border-radius:4px !important;padding:12px 16px !important;box-shadow:0 4px 24px rgba(0,0,0,.4) !important;min-width:160px;font-family:var(--sans)}.mapboxgl-popup-tip{display:none !important}.mapboxgl-popup-close-button{color:#5a5850 !important;font-size:16px !important;top:6px !important;right:8px !important}.popup-num{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5a5850;margin-bottom:4px}.popup-name{font-size:13px;font-weight:500;color:#e8e5de;margin-bottom:6px;line-height:1.3}.popup-elev{font-family:var(--mono);font-size:11px;color:var(--moss-3)}.route-page{background:var(--smoke);padding:40px 48px 56px}.route-meta{display:flex;gap:24px;margin-bottom:24px;align-items:center}.route-meta-item{font-size:12px;color:#8a887e}.route-meta-item strong{color:var(--ink);font-weight:500}@media(max-width:768px){.map-container{height:360px;border-radius:0;border-left:none;border-right:none}.route-page{padding:24px 20px 40px}.route-meta{flex-wrap:wrap;gap:12px}}