:root{--ink:#111;--gold:#f2c14e;--salmon:#d89b8e;--dot:#ffcc33}
.dc-map{width:100vw;position:relative}
.dc-map svg{display:block;}
.dc-map .country{transition:fill .12s ease}
.dc-map .country.hl{fill:var(--gold)}
.dc-map .city-dot{fill:var(--dot);stroke:#111;stroke-width:.2;opacity:1;pointer-events:none}
.dc-map .city-dot.hl{opacity:1}
.dc-legend{width:100vw;max-width:1400px;margin:0 auto;display:grid;gap:24px}
@media(min-width:900px){.dc-legend{grid-template-columns:repeat(3,1fr)}}
.dc-legend .group{gap:10px;background-color: #f4f2ef;}
.dc-legend .group h3{margin:0 0 16px 0;font: 600 1.3rem / 1.6 'VisbyCF',sans-serif;text-transform:uppercase;}
.dc-legend .city-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.dc-legend .city{display:flex;align-items:center;gap:10px;font:600 1.1rem/1.3 'VisbyCF',sans-serif;}
.dc-legend .city a{color:inherit;text-decoration:none;cursor:pointer}
.dc-legend .city.hl{color:var(--gold)}
.dc-legend .city .bullet{width:8px;height:8px;border-radius:50%;background:var(--dot)}
@media(max-width:1599px){
    .dc-map svg{max-width:160%;width:160%;height:auto;transform: translate(-19%, 0px);}
    .dc-legend{padding-left:40px;padding-right:40px;}
}
@media(min-width:1600px){
    .dc-map svg{max-width:130%;width:130%;height:auto;transform: translate(-15%, 0px);}
}