:root{--text-main: #0f172a;--text-muted: #334155;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(15, 23, 42, .14);--accent: #0ea5e9;--shadow: 0 16px 36px rgba(15, 23, 42, .2)}html,body{margin:0;height:100%;font-family:Sora,Segoe UI,sans-serif;color:var(--text-main)}body{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 18%,rgba(56,189,248,.1),transparent 48%),radial-gradient(circle at 84% 14%,rgba(20,184,166,.08),transparent 42%),linear-gradient(165deg,#edf3f8,#f6f9fc 58%,#f0f4f8)}#map{position:absolute;inset:0;background:#e8eef3}#mapControls{position:absolute;bottom:24px;right:14px;z-index:10;display:flex;align-items:center;gap:32px;padding:10px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);font-size:12px;font-weight:600}.control-group{display:flex;align-items:center;gap:10px}.control-group:last-child{padding-left:32px;border-left:1px solid rgba(15,23,42,.12)}.control-group label{margin:0;color:var(--text-main);white-space:nowrap}#zoomSlider,#pitchSlider{width:120px;height:6px;border-radius:3px;background:linear-gradient(to right,#cbd5e1,#0ea5e9);outline:none;-webkit-appearance:none;appearance:none}#zoomSlider::-webkit-slider-thumb,#pitchSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#0ea5e9;cursor:pointer;box-shadow:0 2px 4px #0003}#zoomSlider::-moz-range-thumb,#pitchSlider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#0ea5e9;cursor:pointer;box-shadow:0 2px 4px #0003}#zoomValue,#pitchValue{min-width:30px;text-align:center;color:var(--text-muted);font-weight:700;font-size:11px}#infoBox{position:absolute;top:14px;right:14px;z-index:10;width:320px;padding:14px 14px 12px;border-radius:14px;border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);line-height:1.42;animation:slideIn .28s ease-out}#infoHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}#infoBox h3{margin:0;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#1e293b}#infoToggle{border:1px solid rgba(15,23,42,.16);border-radius:999px;background:#ffffffb8;color:#1f2937;font-family:Sora,Segoe UI,sans-serif;font-size:11px;font-weight:700;line-height:1;padding:6px 9px;cursor:pointer}#infoToggle:hover{background:#fffffff2}#infoBody{margin-top:8px;max-height:min(68vh,640px);opacity:1;overflow-y:auto;overflow-x:hidden;transition:max-height .22s ease,opacity .18s ease,margin-top .18s ease}#infoBody.is-dropdown-mode{overflow:visible}#infoBox.is-collapsed #infoBody{margin-top:0;max-height:0;opacity:0;pointer-events:none}.info-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:12px;padding:4px;background:#f1f5f999;border-radius:10px}.info-tab{flex:0 0 auto;padding:6px 8px;border:none;border-radius:7px;background:transparent;font-family:Sora,Segoe UI,sans-serif;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center}.info-tab:hover{color:var(--text-main);background:#fff6}.info-tab.active{background:#fff;color:#0b4b71;box-shadow:0 1px 3px #0f172a14}.info-tab-content{display:none}.info-tab-content.active{display:block}.search-input-wrapper{position:relative;display:flex;align-items:center}#searchInput{width:100%;padding:10px 36px 10px 12px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#f8fafccc;font-family:Sora,Segoe UI,sans-serif;font-size:13px;font-weight:500;color:var(--text-main);outline:none;transition:border-color .2s ease,background .2s ease}#searchInput::placeholder{color:var(--text-muted);opacity:.7}#searchInput:focus{border-color:#0ea5e9;background:#fffffff2}#searchClear{position:absolute;right:6px;width:24px;height:24px;border:none;border-radius:50%;background:#0f172a14;color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}#searchClear:hover{background:#0f172a26}#searchResults{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;max-height:250px;overflow-y:auto;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fff;box-shadow:0 4px 12px #0f172a26}#searchResults.show{display:block}.search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:none;background:transparent;font-family:Sora,Segoe UI,sans-serif;text-align:left;cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(15,23,42,.06)}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.selected{background:#0ea5e91f}.search-result-name{flex:1 1 auto;font-size:12px;font-weight:600;color:var(--text-main)}.search-result-rate{flex:0 0 auto;font-size:12px;font-weight:700;color:#0b4b71}.search-no-results{padding:12px 10px;text-align:center;font-size:12px;color:var(--text-muted)}#searchResults::-webkit-scrollbar{width:5px}#searchResults::-webkit-scrollbar-track{background:transparent}#searchResults::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:3px}#searchResults::-webkit-scrollbar-thumb:hover{background:#0f172a4d}.compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;align-items:start}.compare-select-wrapper{position:relative}.compare-input{width:100%;padding:8px 10px;font-family:Sora,Segoe UI,sans-serif;font-size:12px;border:1px solid rgba(15,23,42,.15);border-radius:8px;background:#fffc;box-shadow:0 1px 2px #0f172a0a;transition:all .2s ease;box-sizing:border-box}.compare-input:focus{outline:none;border-color:#0ea5e9;background:#fffffff2}.compare-results{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;max-height:200px;overflow-y:auto;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:8px;box-shadow:0 4px 12px #0f172a26}.compare-results.show{display:block}.compare-result-item{width:100%;padding:8px 10px;border:none;background:transparent;font-family:Sora,Segoe UI,sans-serif;font-size:12px;font-weight:600;color:var(--text-main);text-align:left;cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(15,23,42,.06)}.compare-result-item:last-child{border-bottom:none}.compare-result-item:hover,.compare-result-item.selected{background:#0ea5e91f}.compare-display{display:none}.compare-display.show{display:block}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.compare-card{padding:12px;background:#fffc;border-radius:10px;border:1px solid rgba(15,23,42,.08)}.compare-municipality-name{font-size:13px;font-weight:700;color:var(--text-main);margin-bottom:8px}.compare-rate{font-size:20px;font-weight:800;color:#0b4b71;margin-bottom:8px}.compare-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;border-top:1px solid rgba(15,23,42,.06)}.compare-stat-row:first-of-type{border-top:none}.compare-stat-label{color:var(--text-muted)}.compare-stat-value{font-weight:700;color:var(--text-main)}.compare-winner{margin-top:12px;padding:10px 12px;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.2);font-size:12px;font-weight:600;color:#047857;text-align:center}.compare-share-button{width:100%;margin-top:12px;padding:10px;border:1px solid rgba(15,23,42,.16);border-radius:8px;background:#0ea5e91a;color:#0b4b71;font-family:Sora,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.compare-share-button:hover{background:#0ea5e933;border-color:#0ea5e94d}.compare-share-button:active{transform:scale(.98)}.compare-results::-webkit-scrollbar{width:4px}.compare-results::-webkit-scrollbar-track{background:transparent}.compare-results::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:2px}.compare-results::-webkit-scrollbar-thumb:hover{background:#0f172a4d}#finlandRate{margin-bottom:10px;color:#0b4b71}.finland-cards{display:grid;gap:8px}.finland-card{padding:9px 10px;border:1px solid rgba(15,23,42,.1);border-radius:10px;background:#f8fafccc}.finland-label{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#475569}.finland-main{margin-top:2px;font-size:20px;font-weight:800;line-height:1.2}.finland-diff{margin-top:4px;font-size:12px;font-weight:600;color:#334155}.finland-diff .is-down{color:#15803d}.finland-diff .is-up{color:#b91c1c}.finland-diff .is-flat{color:#334155}.finland-total{margin-top:2px;font-size:18px;font-weight:700;color:#0f172a;line-height:1.2}.finland-top-grid{display:grid;gap:8px;margin-top:8px}.finland-top-toggle{width:100%;border:1px solid rgba(15,23,42,.16);border-radius:999px;background:#ffffffb8;color:#1f2937;font-family:Sora,Segoe UI,sans-serif;font-size:11px;font-weight:700;line-height:1;padding:7px 10px;cursor:pointer}.finland-top-toggle:hover{background:#fffffff2}.finland-top-section.is-collapsed .finland-top-grid{display:none}.finland-top-card{padding:9px 10px;border:1px solid rgba(15,23,42,.1);border-radius:10px;background:#f8fafccc}.finland-top-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:5px;font-size:11px;color:#334155}.finland-top-button{width:100%;border:none;background:transparent;padding:0;font-family:Sora,Segoe UI,sans-serif;text-align:left;cursor:pointer}.finland-top-button:hover{opacity:.85}.finland-top-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finland-top-row strong{white-space:nowrap;font-size:11px}.finland-top-empty{margin-top:5px;font-size:11px;color:#64748b}.finland-top-row .is-up{color:#b91c1c}.finland-top-row .is-down{color:#15803d}.finland-note{margin-top:10px;font-size:11px;font-weight:500;color:#475569;line-height:1.35}.finland-fetch{margin-top:6px;font-size:10.5px;font-weight:600;color:#64748b;line-height:1.35}#infoDesc{font-size:12px;color:var(--text-muted)}.maplibregl-popup-content{border-radius:12px;border:1px solid rgba(15,23,42,.1);box-shadow:0 10px 24px #0f172a2e;font-family:Sora,Segoe UI,sans-serif;padding:10px 11px;min-width:220px;font-size:12px;line-height:1.4}.map-popup-name{font-size:13px;font-weight:700;color:#0f172a}.map-popup-main{margin-top:2px;font-size:15px;font-weight:800;color:#0b4b71}.map-popup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-top:4px;font-size:11px;color:#475569}.map-popup-row span{flex:1 1 auto;min-width:0;line-height:1.25}.map-popup-row strong{justify-self:end;font-size:12px;font-weight:700;color:#1f2937;white-space:nowrap;text-align:right}.map-popup-row strong.is-down{color:#15803d}.map-popup-row strong.is-up{color:#b91c1c}.map-popup-row strong.is-flat{color:#1f2937}.maplibregl-popup-tip{border-top-color:#fffffff5!important}@keyframes slideIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){#mapControls{bottom:10px;right:10px;flex-direction:column;gap:8px;padding:8px 10px;font-size:11px}.control-group:last-child{padding-left:0;padding-top:8px;border-left:none;border-top:1px solid rgba(15,23,42,.12)}#zoomSlider,#pitchSlider{width:80px}#zoomValue,#pitchValue{font-size:10px}#infoBox{inset:8px 14px auto;width:auto;max-width:none;max-height:calc(100vh - 164px);padding:8px 9px;border-radius:12px}#infoBody{max-height:calc(100vh - 210px)}#searchInput{padding:11px 40px 11px 12px;font-size:14px}#searchClear{right:8px;width:28px;height:28px;font-size:14px}#searchResults{max-height:200px}.search-result{padding:10px 12px;min-height:40px}.search-result-name,.search-result-rate{font-size:13px}#infoBox h3{margin-bottom:4px;font-size:12px}#finlandRate{margin-bottom:4px}.finland-card{padding:7px 8px}.finland-label{font-size:10px}.finland-main{font-size:16px}.finland-diff{font-size:11px}.finland-total{font-size:14px}.finland-top-grid{gap:5px}.finland-top-card{max-height:96px;overflow-y:auto;overflow-x:hidden}.finland-top-row,.finland-top-row strong{font-size:10.5px}.finland-note{font-size:10px}.finland-fetch{font-size:9.5px}#infoDesc{font-size:10.5px;line-height:1.35}#infoToggle{padding:5px 8px;font-size:10px}.compare-grid{grid-template-columns:1fr;gap:8px}.compare-municipality-name{font-size:12px}.compare-rate{font-size:18px}.compare-stat-row{font-size:10px}.compare-winner{font-size:11px;padding:8px 10px}.compare-share-button{font-size:11px;padding:8px}}