/* 30.10.2026 Nowy wygląd strony „Ceny” (/ranking-gmin), Łukasz „Makiety ok wrzucaj”. Klasa body.ix-v2 jest stała. */
body.ix-v2 .ix-eyebrow{display:none}
body.ix-v2 .ix-intro{margin-bottom:14px}
body.ix-v2 .ix-intro h1{font-size:clamp(30px,4.2vw,44px);font-weight:800}
body.ix-v2 .ix-lead{max-width:44em}
body.ix-v2 .ix-meta-line span:last-child{display:none} /* poziom krajowy jest teraz w liczbie głównej */

/* Liczba główna + rozkład cen wszystkich gmin */
body.ix-v2 .ix2-hero{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:end;margin:0 0 22px;padding:24px;border-radius:16px;background:#fff;border:1px solid #d3e0d7}
body.ix-v2 .ix2-hero__num h2{margin:0;font-size:15px;font-weight:700;color:#4c6356;letter-spacing:0}
body.ix-v2 .ix2-hero__num p{margin:4px 0 8px;color:#143d2b;font-size:20px;font-weight:700}
body.ix-v2 .ix2-hero__num b{font-size:clamp(64px,8vw,96px);line-height:.95;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.ix-v2 .ix2-hero__num span{display:block;font-size:15px;line-height:1.45;color:#4c6356}
body.ix-v2 .ix2-hist{margin:0}
body.ix-v2 .ix2-hist__svg{display:block;width:100%;height:auto}
body.ix-v2 .ix2-hist__svg rect:hover{stroke:#143d2b;stroke-width:1.5}
body.ix-v2 .ix2-hist__tick{font:600 13px system-ui,-apple-system,"Segoe UI",sans-serif;fill:#4c6356}
body.ix-v2 .ix2-hist figcaption{margin-top:8px;font-size:13px;line-height:1.45;color:#4c6356}

/* „Jak czytać”: trzy klucze w jednym rzędzie, bez ściany tekstu */
body.ix-v2 .ix-how{padding:12px 14px}
body.ix-v2 .ix-how__keys{display:flex;flex-wrap:wrap;gap:8px 16px}
body.ix-v2 .ix-how__keys li{flex-direction:row;align-items:center;gap:8px;flex:1 1 260px}
body.ix-v2 .ix-how__keys p{font-size:13px}
body.ix-v2 .ix-how__more{margin-top:10px;padding-top:8px}

/* Wiersz rankingu: dwie linie zamiast trzech; kolor z mapy jako pasek przy krawędzi */
body.ix-v2 .ix-swatch{display:none}
body.ix-v2 .ix-price strong{font-size:20px}

@media(max-width:860px){
 body.ix-v2 .ix2-hero{grid-template-columns:1fr;gap:14px;padding:18px 16px}
 body.ix-v2 .ix-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:'rank place price' 'rank meta actions' 'why why why';row-gap:2px;column-gap:10px;padding:10px 10px 8px 10px;min-height:0}
 body.ix-v2 .ix-place a{font-size:17px}
 body.ix-v2 .ix-place small{font-size:12.5px}
 body.ix-v2 .ix-meta{gap:10px}
 /* źródło ceny opisane wprost w wierszu („Z transakcji · 83 akt.”), więc trzy klucze „jak czytać” są zbędne na telefonie */
 body.ix-v2 .ix-how__keys{display:none}
 body.ix-v2 .ix-how__more{margin:0;padding:0;border:0}
 body.ix-v2 .ix-meta .ix-ev{padding:0;background:none;gap:6px;flex:0 0 auto;font-size:12.5px}
 body.ix-v2 .ix-meta .ix-ev small{font-size:12.5px;font-weight:700;color:#3d5a49}
 body.ix-v2 .ix-meta .ix-ev--2 small::after,body.ix-v2 .ix-meta .ix-ev--1 small::after{content:" akt."}
 body.ix-v2 .ix-rel__txt{display:none}
 body.ix-v2 .ix-rel__bar{height:5px;min-width:40px}
 body.ix-v2 .ix-maplink{display:none}
 body.ix-v2 .ix-actions{margin:0}
 body.ix-v2 .ix-why-btn{width:36px;height:36px;min-width:36px}
 body.ix-v2 .ix-why-btn::after{content:"";position:absolute;inset:-6px}
 body.ix-v2 .ix-why-btn{position:relative}
}
@media(prefers-reduced-motion:reduce){body.ix-v2 *{transition:none!important}}