.htr-explorer{--htr-blue:#429cbf;--htr-ink:#315469;--htr-line:#d6e4eb;width:100%;max-width:1200px;margin:12px auto 40px;padding:0 15px;box-sizing:border-box;color:var(--htr-ink);font-family:"Myriad Pro Regular",Arial,sans-serif;font-size:15px;line-height:1.45}
.htr-explorer *{box-sizing:border-box}
.htr-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}
.htr-explorer .htr-kicker{color:#63808e;font-size:12px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}
.htr-explorer .htr-heading h2{font:400 28px/1.15 Helvetica,Arial,sans-serif;color:#39c;letter-spacing:0;text-transform:none;margin:0 0 8px;border:0;padding:0}
.htr-explorer .htr-heading p{margin:0;color:#617b88}
.htr-views{display:flex;flex-wrap:wrap;gap:6px;flex:0 0 auto}
.htr-explorer [hidden]{display:none!important}
.htr-explorer button{font:inherit;font-size:14px;line-height:1.35;letter-spacing:0;text-transform:none;font-style:normal;font-weight:400;text-shadow:none;box-shadow:none;cursor:pointer}
.htr-explorer .htr-views button{border:1px solid #aecddc;border-radius:4px;background:#fff;color:#277fa9;padding:9px 14px;min-height:40px;margin:0}
.htr-explorer .htr-views button:hover{background:#eef6fa}
.htr-explorer .htr-views .htr-view-active{color:#fff;background:#277fa9;border-color:#277fa9}
.htr-map-frame{border:1px solid var(--htr-line);border-radius:7px;overflow:hidden;background:#eef5f8}
.htr-map{width:100%;height:560px;max-height:75vh;min-height:320px;background:#d9ecf1;scroll-margin:100px 0 20px}
.htr-map-placeholder{max-width:450px;padding:35px 24px;margin:0 auto;text-align:center;color:#4a6e7f}
.htr-explorer .htr-gestures{font-size:13px;line-height:1.45;color:#617b88;background:#fff;margin:0;padding:11px 15px}
.htr-explorer .htr-popup a{color:#277fa9;text-decoration:underline;text-underline-offset:3px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.htr-explorer :is(button,a,[tabindex]):focus-visible{outline:3px solid #277fa9;outline-offset:3px}
.htr-explorer .leaflet-container{font-family:"Myriad Pro Regular",Arial,sans-serif}
.htr-explorer .leaflet-control-attribution{font-size:10px;line-height:1.4;background:#fffffff0;max-width:85%}
.htr-explorer .leaflet-control-attribution a{color:#195f84}
.htr-explorer .htr-marker-label{background:#fffffff0;border:1px solid #ccdde6;border-radius:3px;box-shadow:0 1px 4px #20445b26;padding:3px 7px;color:#254b62;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.htr-explorer .htr-marker-label:before{display:none}
.htr-explorer .htr-popup h3{font:400 22px/1.2 "Myriad Pro Regular",Arial,sans-serif;color:#277fa9;margin:2px 0 13px}
.htr-explorer .htr-popup ul{list-style:none;margin:0;padding:0}
.htr-explorer .htr-popup li{list-style:none;margin:0 0 12px;padding:0}
.htr-explorer .htr-popup .htr-popup-note{font-size:12px;line-height:1.4;color:#617b88;margin:12px 0 0;padding-top:10px;border-top:1px solid #e0eaf0}
.htr-explorer .htr-swallow--inactive{filter:grayscale(1) brightness(.85)!important;opacity:.85}
.htr-explorer .htr-legend{display:flex;flex-wrap:wrap;gap:10px 25px;padding:0 0 13px;color:#526e7d;font-size:13px}
.htr-explorer .htr-legend>span{display:flex;align-items:center;gap:8px}
.htr-explorer .htr-legend img{display:block;width:22px!important;height:22px!important;max-width:22px!important;object-fit:contain;flex:0 0 22px}
.htr-explorer .htr-popup-country{font-size:12px;line-height:1.4;color:#6b828f;margin:0 0 7px}
.htr-explorer .htr-region-status{font-size:12px;line-height:1.4;color:#526e7d;margin:0 0 10px}
.htr-explorer .htr-popup-description{font-size:13px;line-height:1.45;margin:0 0 10px}
.htr-explorer .htr-region-events{display:grid;gap:7px;max-height:170px;overflow:auto;scrollbar-width:thin}
.htr-explorer .htr-region-events:not(:empty){border-top:1px solid #e0eaf0;margin-top:9px;padding-top:9px}
.htr-explorer .htr-region-events a{display:block;font-size:12px;line-height:1.4}
@media(max-width:1024px){.htr-map{height:500px}}
@media(max-width:600px){.htr-explorer{padding:0 12px;margin-bottom:30px}.htr-heading{display:block}.htr-views{margin-top:15px}.htr-map{height:410px;max-height:65vh}.htr-explorer .htr-gestures{font-size:12px}}
@media(max-width:600px){.htr-explorer .leaflet-popup-content{max-width:calc(100vw - 96px)!important;white-space:normal;overflow-wrap:anywhere}}

