*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;font-family:Arial,Helvetica,sans-serif}
body.map-page{min-height:100vh;display:flex;flex-direction:column;background:#f3f5f7;color:#1f2933}
.site-nav{background:#17283b;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16);z-index:1200}
.nav-inner{max-width:1200px;margin:0 auto;min-height:52px;padding:7px 18px;display:flex;align-items:center;gap:20px}
.nav-brand{display:flex;align-items:center;text-decoration:none}
.nav-brand img{width:38px;height:38px;object-fit:contain;display:block}
.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav-links a{color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:9px 2px;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{color:#f2c400;border-bottom-color:#f2c400}
.menu-button{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:6px;font-size:22px;padding:3px 10px;cursor:pointer}
.map-head{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.10);z-index:1000}
.map-head-inner{max-width:1200px;margin:0 auto;padding:13px 6px 13px 18px;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:92px}
.map-head-copy{min-width:0}.map-title{font-size:18px;font-weight:700;line-height:1.25}.map-subtitle,.map-data{margin-top:4px;color:#666;font-size:13px;line-height:1.25}.vehicle-status{margin-top:4px;color:#333;font-size:13px;font-weight:700}
.map-logo{margin-left:auto;display:flex;justify-content:flex-end}.map-logo img{display:block;width:300px;height:auto;max-width:100%;object-fit:contain}
#map{flex:1;width:100%;min-height:420px}
.stop-marker{background:#fff;border:3px solid #222;width:16px;height:16px;border-radius:50%}
.tram-marker{width:42px;height:42px;background:#fff;border:3px solid #222;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35);position:relative;overflow:visible}
.tram-marker img{width:31px;height:31px;object-fit:contain}
.line-badge{position:absolute;right:-8px;bottom:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#17283b;color:#fff;border:2px solid #f2c400;font:700 10px/15px Arial;text-align:center}
.site-footer{background:#fff;border-top:1px solid #d9dee3;color:#68737d;font-size:12px;text-align:center}
.footer-inner{max-width:1200px;margin:0 auto;padding:9px 18px;line-height:1.45}.site-footer a{color:#526475}.footer-detail{margin-top:2px}
@media(max-width:760px){
 .nav-inner{flex-wrap:wrap;min-height:50px}.menu-button{display:block}.nav-links{display:none;width:100%;margin:0;padding:7px 0 5px;flex-direction:column;align-items:flex-start;gap:3px}.nav-links.open{display:flex}.nav-links a{width:100%;padding:8px 2px}
 .map-head-inner{padding:11px 15px;min-height:84px}.map-title{font-size:17px}.map-logo img{width:125px;max-height:50px}
 #map{min-height:360px}.footer-inner{padding:8px 12px}
}
@media(max-width:480px){.map-logo img{width:105px}.map-head-inner{gap:12px}.map-subtitle,.map-data,.vehicle-status{font-size:12px}}