.region-comparison{border:1px solid var(--linia);background:var(--karta);border-radius:20px;overflow:clip}.region-comparison__heading{justify-content:space-between;gap:20px;padding:30px 32px 24px;display:flex}.region-comparison__heading h2{color:var(--tekst);margin:8px 0 10px;font-size:clamp(1.6rem,3vw,2.25rem)}.region-comparison__heading p:last-child{color:var(--muted);font-size:.9375rem}.region-comparison__source{white-space:nowrap;background:var(--comparison-background);color:var(--comparison-color);font:500 .6875rem var(--font-mono);border-radius:6px;align-self:start;padding:8px 12px}.region-comparison__metrics{flex-wrap:wrap;gap:8px;padding:0 32px 24px;display:flex}.region-comparison__metrics button{border:1px solid var(--obrys);color:var(--tekst);border-radius:8px;min-height:44px;padding:10px 18px;font-size:.875rem;font-weight:600}.region-comparison__metrics button[aria-pressed=true]{background:var(--comparison-color);color:var(--karta);border-color:var(--comparison-color)}.region-comparison__body{border-top:1px solid var(--linia);grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:40px;padding:26px 32px;display:grid}.region-comparison__map>p{color:var(--tekst);text-align:center;font-size:.875rem}.region-comparison__map svg{width:100%;max-height:420px;margin:12px auto;display:block}.region-comparison__map use{transition:fill .15s}.region-comparison__map use[role=button]{cursor:pointer}.region-comparison__map use[role=button]:hover,.region-comparison__map use[role=button]:focus-visible{stroke:var(--comparison-color);stroke-width:3px;fill:var(--comparison-background)!important}.region-comparison__map text{fill:var(--tekst);font:600 12px var(--font-mono);pointer-events:none}.region-comparison__map-note{text-align:center;min-height:32px;color:var(--muted);font-size:.8125rem}.region-comparison__cards{align-content:start;gap:16px;display:grid}.region-comparison__card{border:1px solid var(--linia);background:var(--tlo);border-radius:12px;padding:20px}.region-comparison__card label{color:var(--muted);margin-bottom:7px;font-size:.75rem;display:block}.region-comparison__card select{border:1px solid var(--obrys);background:var(--karta);width:100%;min-height:44px;color:var(--tekst);border-radius:7px;padding:7px 10px;font-size:1rem}.region-comparison__value{justify-content:space-between;align-items:center;gap:15px;margin:16px 0 12px;display:flex}.region-comparison__value strong{font:500 clamp(2rem, 4vw, 3rem)/1.1 var(--font-mono);color:var(--comparison-color)}.region-comparison__value strong small{margin-left:3px;font-size:1rem}.region-comparison__value>span{color:var(--muted);text-align:right;font-size:.75rem}.region-comparison__bar{background:var(--linia);border-radius:3px;height:6px;overflow:hidden}.region-comparison__bar>span{background:var(--comparison-color);height:100%;display:block}.region-comparison__card>a{min-height:44px;color:var(--tekst);justify-content:space-between;align-items:center;margin-top:7px;font-size:.8125rem;text-decoration:none;display:flex}.region-comparison__card>a:hover{text-decoration:underline}.region-comparison__difference{color:var(--muted);font-size:.8125rem}.region-comparison__difference b{color:var(--comparison-color)}.region-comparison__notes{border-top:1px solid var(--linia);color:var(--muted);padding:20px 32px 24px;font-size:.8125rem}.region-comparison__notes p+p{margin-top:8px}.region-comparison__notes>button{min-height:44px;color:var(--tekst);align-items:center;gap:20px;margin-top:12px;font-weight:600;display:flex}.region-comparison__ranking{grid-template-columns:1fr 1fr;gap:0 32px;margin-top:16px;display:grid}.region-comparison__ranking[hidden]{display:none}.region-comparison__ranking li{border-bottom:1px solid var(--linia);align-items:center;gap:12px;min-height:44px;display:flex}.region-comparison__ranking span{font:500 .6875rem var(--font-mono)}.region-comparison__ranking a{color:var(--tekst);flex:1}.region-comparison__ranking b{font:500 .8125rem var(--font-mono);color:var(--comparison-color)}@media (max-width:767px){.region-comparison__heading,.region-comparison__body,.region-comparison__notes{padding:22px 18px}.region-comparison__heading{flex-direction:column;gap:12px}.region-comparison__metrics{gap:6px;padding:0 18px 20px}.region-comparison__metrics button{padding-inline:10px;font-size:.8125rem}.region-comparison__body{grid-template-columns:1fr;gap:20px}.region-comparison__map svg{max-height:330px}.region-comparison__ranking{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.region-comparison__map use{transition:none}}