:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}.map-page{box-sizing:border-box;min-height:100vh;overflow:hidden}.map-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr 300px;max-width:1100px;margin:0 auto;display:grid}.map-frame{min-height:100vh;overflow:hidden}.map-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.map-canvas:active{cursor:grabbing}.marker-panel{padding:1rem}.marker-panel h2{color:#17324a;margin:0;font-size:1.05rem}.marker-panel h3{color:#b34a00;margin:.8rem 0 0}.marker-panel p{color:#45556a;margin:.4rem 0 0;line-height:1.45}@media (width<=900px){.map-layout{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.map-frame{min-height:55vh}}