.reference-world {background: #f6f7f7;}
.reference-map-shell {border:1px solid #dbe1e4; background:#fff; margin:28px 0; overflow:hidden;}
.reference-map-intro {padding:26px 30px; max-width:800px;}
.reference-map-intro p {font-size:15px; line-height:1.65;}
.reference-map-intro #reference-map-status {margin:18px 0 0; font-size:14px; color:#52626c;}
#reference-map {height:480px; width:100%; background:#deeaef; z-index:0; font-family:Arial,sans-serif;}
.map-views {padding:0 30px 22px; display:flex; gap:8px;}
.map-views[hidden],#reference-map[hidden],#load-reference-map[hidden] {display:none;}
.map-views button {background:#edf2f4; color:#163649; border:1px solid #ccd7de; padding:10px 20px; font:inherit; cursor:pointer;}
.reference-pin {background:#1689cc; border:2px solid #fff; border-radius:50%; box-shadow:0 2px 8px #1236;}
.reference-world .marker-cluster-small,.reference-world .marker-cluster-medium,.reference-world .marker-cluster-large {background:#1689cc44;}
.reference-world .marker-cluster-small div,.reference-world .marker-cluster-medium div,.reference-world .marker-cluster-large div {background:#117eb9; color:#fff; font-weight:700;}
.reference-world button:focus-visible {outline:3px solid #1689cc; outline-offset:4px;}
.reference-world .leaflet-control-attribution a {color:#126090;}
@media(max-width:650px) {#reference-map {height:360px;} .reference-map-intro {padding:22px;} .map-views {padding:0 22px 20px;}}