.home-map-row{display:grid;grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:20px;margin:0 0 32px}
.slovakia-weather{min-width:0;container-type:inline-size}
/* The cropped viewBox retains 18 units above the country. Compensate for
   their responsive scale to align the outline with section heading text. */
.slovakia-map-stage{position:relative;--map-outline-inset:max(13.959184px,1.836735cqw);padding-top:calc(22.1px - var(--map-outline-inset))}
.slovakia-map-canvas{position:relative}
.slovakia-map-actions{position:absolute;right:22px;bottom:28px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:calc(100% - 44px)}
.slovakia-map-all{font-size:12px;line-height:1.5;white-space:nowrap}
.slovakia-map-controls{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);width:max-content;max-width:100%}
.slovakia-map-controls button{appearance:none;cursor:pointer;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;border:0;border-radius:5px;color:var(--muted);background:transparent;white-space:nowrap}
.slovakia-map-controls button span{font-size:10px;font-weight:400;margin-left:4px}
.slovakia-map-controls button[aria-pressed=true]{background:var(--accent);color:var(--top)}
.slovakia-map-controls button:focus-visible,.slovakia-map-viewport:focus-visible,.map-pan:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.slovakia-map-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch}
.slovakia-map{display:block;width:100%;min-width:760px;height:auto;font-family:inherit;isolation:isolate}
.slovakia-country{fill:var(--panel);stroke:none}
.slovakia-regions path{fill:none;stroke:var(--line);stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.slovakia-outline{fill:none;stroke:var(--accent);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round;opacity:.85}
.slovakia-city,.slovakia-city:hover,.slovakia-city:focus{color:var(--ink);text-decoration:none}
.map-city-hit{fill:var(--panel);fill-opacity:0;stroke:none}
.slovakia-city:hover .map-city-hit,.slovakia-city:focus .map-city-hit{fill-opacity:.96;stroke:var(--accent);stroke-width:1}
.slovakia-city:focus{outline:none}
.map-city-marker{fill:var(--panel);stroke:var(--accent);stroke-width:1.25;vector-effect:non-scaling-stroke;opacity:.85}
.map-city-temperature{font-size:22px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}
.map-city-name{font-size:12px;font-weight:550;fill:var(--ink);paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round}
.map-city-symbol--static{display:none}
.map-pan{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:48px;padding:0;border:2px solid var(--accent);border-radius:9px;background:var(--panel);color:var(--accent);cursor:pointer;box-shadow:var(--shadow)}
.map-pan:hover:not(:disabled){background:var(--accent-soft)}
.map-pan[hidden]{display:none}.map-pan:disabled{opacity:.35;cursor:default}
.map-pan--left{left:8px}.map-pan--right{right:8px}
.map-pan svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-map-ad{width:336px;max-width:100%;padding-top:2px}
.home-map-ad-label{display:block;text-align:center;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}
.home-map-ad-slot{width:336px;height:300px;max-width:100%;display:flex;align-items:center;justify-content:center;background:var(--subtle);border-radius:6px}
@media(prefers-reduced-motion:reduce){.map-city-symbol--animated{display:none}.map-city-symbol--static{display:block}}
@media(max-width:1136px){.home-map-row{grid-template-columns:minmax(0,1fr)}.home-map-ad{justify-self:center}}
@container(max-width:799px){.slovakia-map-actions{position:static;max-width:none;padding:12px 16px 18px;gap:10px}.slovakia-map-controls button{padding-inline:9px}}
@container(max-width:319px){.slovakia-map-actions{padding-inline:10px}.slovakia-map-controls{gap:2px}.slovakia-map-controls button{font-size:12px;padding-inline:6px}.slovakia-map-controls button span{margin-left:1px}}
@media(max-width:379px){.home-map-ad-slot,.home-map-ad{width:300px}}
@media(max-width:760px){.slovakia-map-stage{padding-top:calc(15.1px - var(--map-outline-inset))}}

/* Ordinary HTML city links below the map, visible in the mobile layout. */
.slovakia-city-links{display:none}
@media(max-width:760px){
 .slovakia-city-links{display:block;margin:14px 0 4px}
 .slovakia-city-links ul{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none}
 .slovakia-city-links li{margin:0;padding:0}
 .slovakia-city-links a{display:flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:4px;background:var(--subtle);color:var(--accent);font-size:14px;line-height:1.5;white-space:nowrap;text-decoration:none}
 .slovakia-city-links a:hover{background:var(--accent-soft);text-decoration:underline;text-underline-offset:3px}
 .slovakia-city-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:var(--accent-soft)}
}