.comparison-map-panel{background:#0d131b;border:1px solid #293442;border-radius:16px;margin:24px 0 30px;overflow:hidden}.comparison-map-top{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.comparison-map-top .eyebrow{letter-spacing:1.5px;color:#7f95ac;font-size:12px}.comparison-map-top h2{letter-spacing:-.5px;margin:7px 0 0;font-size:22px;font-weight:400}.comparison-map-top button,.comparison-map-station button{color:#c1d5ec;background:#15202b;border:1px solid #334354;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.comparison-map-layout{border-block:1px solid #253140;grid-template-columns:minmax(0,1fr) 300px;display:grid}.comparison-map-frame{isolation:isolate;min-width:0;height:100%;min-height:365px;position:relative}.comparison-map-canvas{z-index:0;background:#0a1018;width:100%;height:100%;font-family:inherit}.comparison-map-canvas .leaflet-tile-pane{filter:grayscale()invert()brightness(.65)contrast(1.15)}.comparison-map-canvas .leaflet-control-attribution{color:#9badc2;background:#0c141deb;font-size:12px}.comparison-map-canvas .leaflet-control-attribution a{color:#b5ceeb}.comparison-map-canvas .leaflet-control-zoom a{color:#dbe8f7;background:#172331;border-color:#3a4d64}.comparison-map-canvas .leaflet-control-zoom{border:1px solid #3a4d64}.comparison-map-canvas .leaflet-tooltip{color:#d3e0ee;box-shadow:none;background:#172231;border:1px solid #42546a}.comparison-map-legend{z-index:1;color:#afc3d9;pointer-events:none;background:#0d1723ed;border:1px solid #354256;border-radius:7px;gap:14px;padding:9px 12px;font-size:12px;display:flex;position:absolute;top:16px;left:16px}.comparison-map-legend span{align-items:center;gap:7px;display:flex}.comparison-map-legend i{background:#bddaff;border-radius:50%;width:6px;height:6px}.comparison-map-legend span+span i{background:0 0;border:1px solid #bddaff;border-radius:1px;width:8px;height:8px}.comparison-pin{border:1px solid var(--pin-color);color:#dce8f6;text-align:left;background:#111a25f2;border-radius:9px;min-width:110px;padding:7px 10px;position:relative;box-shadow:0 5px 18px #0008}.comparison-pin:after{content:"";background:var(--pin-color);border-radius:50%;width:6px;height:6px;position:absolute;bottom:-8px;left:calc(50% - 3px);box-shadow:0 0 0 4px #16202db0}.comparison-pin span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.comparison-pin strong{color:var(--pin-color);font-size:17px;font-weight:500;line-height:1.35;display:block}.comparison-pin.is-active{background:#1c2d42;box-shadow:0 0 0 3px #cadcff18,0 6px 20px #0009}.comparison-station-dot{background:#0b131e;border:2px solid;border-radius:2px;width:12px;height:12px;margin:3px;display:block}.comparison-map-sidebar{border-left:1px solid #293442;flex-direction:column;min-width:0;padding:12px;display:flex}.comparison-map-city-list{gap:4px;display:grid}.comparison-map-city-list>button{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.comparison-map-city-list>button[aria-pressed=true]{background:#192736;border-color:#344b62}.comparison-map-city-list>button:hover{background:#15212e}.comparison-map-city-list i{background:var(--pin-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.comparison-map-city-list span{flex:1;min-width:0;font-size:14px}.comparison-map-city-list small{color:#8ca1b8;margin-top:4px;font-size:12px;display:block}.comparison-map-city-list strong{color:var(--pin-color);max-width:105px;font-size:15px;font-weight:400}.comparison-map-station{border-top:1px solid #ffffff12;margin:12px 10px;padding-top:14px}.comparison-map-station .eyebrow{letter-spacing:1px;color:#8fa4bc;font-size:12px}.comparison-map-station h3{margin:9px 0 5px;font-size:14px;font-weight:500}.comparison-map-station p{color:#8da1b8;margin:0 0 12px;font-size:12px;line-height:1.5}.comparison-map-station button{padding:7px 10px;font-size:12px}.comparison-map-add{color:#acc9eb;border:1px dashed #344961;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:9px;font-size:13px;display:flex}.comparison-map-add:disabled{opacity:.4}.comparison-map-foot{color:#8ca2bd;align-items:center;gap:8px;padding:13px 22px;font-size:12px;line-height:1.6;display:flex}.comparison-map-foot svg{flex-shrink:0}.comparison-map-error{color:#d9b996;padding:0 22px;font-size:13px}.comparison-map-loading{color:#91abc7;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}:is(.comparison-city-icon:focus-visible,.comparison-station-icon:focus-visible){outline-offset:4px;outline:3px solid #fff}@media (max-width:800px){.comparison-map-layout{grid-template-columns:1fr}.comparison-map-sidebar{border-top:1px solid #293442;border-left:0}.comparison-map-city-list{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-map-station{margin:10px;padding-top:12px}.comparison-map-add{margin-top:10px}.comparison-map-frame{height:320px;min-height:320px}.comparison-map-top{padding:18px}.comparison-map-top h2{font-size:20px}.comparison-map-top button{padding:8px;font-size:12px}.comparison-map-foot{padding:12px 18px}}@media (max-width:450px){.comparison-map-city-list{grid-template-columns:1fr}.comparison-map-frame{height:300px;min-height:300px}.comparison-map-top .eyebrow{font-size:12px}.comparison-map-legend{font-size:12px;top:12px;left:12px}.comparison-map-top{gap:10px}}