/* =====================================================================================
   Wyszukiwarki i karty w jezyku rejestr.hww.pl (TransakcjeOZE, 24.09.2026).

   SKAD. Jeden arkusz zebrany z trzech ZATWIERDZONYCH makiet (AL 24.09.2026: „dokladnie tak",
   „zapisz jako ostateczny projekt"), katalog ~/dev/toze-projekty/2026-09-24-jezyk-rejestr-hww:
   jednostki/lista.html (wyszukiwarka jednostek rynku mocy), jednostki/karta.html (karta
   jednostki) i firmy/lista.html (wyszukiwarka firm). Klasy .rj-*, miary i kolejnosc regul sa
   te same co w makietach. Miary zmierzone na rejestr.hww.pl: DM Sans, kontener 1280, H1 48/700,
   pole 56 w bialej karcie, przycisk 52 r8, tlo #f4f6f7, karty biale z linia #e4e7ea, tekst
   pomocniczy #3c424d, akcent #007672, drobny druk min. 14 px (prog TOZE, tools/check_min_font.py).

   ZAKRES. Kazdy selektor siedzi pod kontenerem .rj (zwykle <main class="rj">) albo pod
   body.rj-strona (tlo strony). Arkusz NIE dotyka wspolnego naglowka, menu „Sprawdz" ani stopki
   ze styl.css. Pasek makiety .rj-bar i logo .rj-logo tu NIE wchodza: na stronie zostaje wspolny
   naglowek serwisu. Przelacznik narzedzi (Dzialka, Firma, Rynek mocy) staje w wierszu nad nazwa
   narzedzia jako <nav class="rj-narz">, aktywny link z aria-current="page".

   STYL.CSS POD SPODEM. Makiety staly na czystej stronie, a serwis ma arkusz wspolny, ktory
   zeruje marginesy (*{margin:0;padding:0}), daje naglowkom Lato z interlinia 1.12, linkom brak
   podkreslenia, elementowi <header> pozycje sticky z z-index 900, <nav a> tlo i wypelnienie,
   a <section> wypelnienie 8 px. Reguly nizej oddaja makiecie to, co mialaby w przegladarce bez
   tego arkusza (marginesy 1em akapitow, DM Sans i interlinia naglowkow, podkreslenie linkow
   w rozwijakach, statyczna glowa karty), i to wylacznie na klasach z makiet, zeby nie
   przestawic cudzych komponentow wstawionych w .rj (bramka konta, przypisy).

   CZCIONKA. DM Sans jest w assets/fonts/fonts.css (font-display:optional). Strona z tym
   arkuszem wpina fonts.css i dodaje w <head>, przed arkuszami, dokladnie te dwa znaczniki:
     <link rel="preload" href="/assets/fonts/dm-sans-latin.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/assets/fonts/dm-sans-latin-ext.woff2" as="font" type="font/woff2" crossorigin>
   Bez preloadu font-display:optional czesto nie zdazy i pierwsze wejscie rysuje sie krojem
   zastepczym.

   MAPA. Kontener mapy to #jwMapa (jak w makietach i w assets/jednostki-mapa.js) albo dowolny
   element z klasa .rj-mapa (assets/mapa-grupy.js). Obie nazwy ida przez :is(), wiec maja te
   sama wage selektora i te same reguly.
   ===================================================================================== */

:root{
  --rj-tlo:#f4f6f7; --rj-bialy:#fff; --rj-ink:#161922; --rj-tekst:#3c424d; --rj-slaby:#626b76;
  --rj-linia:#e4e7ea; --rj-ramka:#d8dbe0; --rj-akcent:#007672; --rj-akcent-ciem:#00615e;
  --rj-akcent-tlo:#e9f4f3; --rj-r:8px;
  --rj-zasl:#767676; --rj-szary-tlo:#f1f3f4; --rj-szary:#5d646d; --rj-hover:#f7fbfb;
  --rj-mapa-tlo:#e9eeee; --rj-podpowiedz:#626b76;
  /* --rj-podpowiedz (podpowiedz w polu, ::placeholder): do 8.10.2026 #8b939c, czyli 3,11:1 na bialym i 2,93:1 na tle
     malego pola karty #f7f8f9, ponizej progu 4,5:1 dla zwyklego tekstu (WCAG 1.4.3, recenzja Codexa wygladu 8.10.2026).
     Teraz barwa --rj-slaby z tej samej palety: 5,41:1 na bialym, 5,08:1 na #f7f8f9 (tests/kontrast-podpowiedzi-rejestr.test.js). */
  --rj-font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* Wysokosc wspolnego naglowka serwisu (header ze styl.css, sticky), zmierzona 24.09.2026 na
     jednostki-wytworcze.html: 89 px od 1280 px szerokosci, 69 px do 1279 px (menu zwiniete),
     65 px do 520 px. Makieta miala pasek 69 px; od niego liczone sa przyklejenia nizej. */
  --rj-naglowek:89px;
}
@media (max-width:1279.98px){:root{--rj-naglowek:69px}}
@media (max-width:520px){:root{--rj-naglowek:65px}}

/* tlo strony; druga nazwa wygrywa z body.pz-depth z poze.css niezaleznie od kolejnosci arkuszy */
body.rj-strona,body.rj-strona.pz-depth{background:var(--rj-tlo)}

/* kontener */
.rj,.rj *{box-sizing:border-box}
.rj{max-width:1280px;margin:0 auto;padding:32px 24px 56px;color:var(--rj-ink);font-family:var(--rj-font);
  font-size:16px;line-height:1.5;letter-spacing:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased}
/* naglowki z makiet: DM Sans i interlinia strony zamiast Lato 1.12 ze styl.css */
.rj .rj-h1,.rj .rj-glowa h1,.rj .rj-grupa h2,.rj .rj-sekcja-h h2,.rj .rj-sek-h h2,.rj .rj-uc h2{
  font-family:inherit;line-height:1.5;letter-spacing:normal;color:inherit}

/* przelacznik narzedzi: maly rzad linkow nad nazwa narzedzia (w makiecie stal w pasku) */
.rj .rj-narz{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin:0 0 8px;padding:0;font:inherit;color:inherit}
.rj .rj-narz a{display:inline-flex;align-items:center;min-height:44px;padding:0;border-radius:0;background:transparent;
  font-size:14.4px;font-weight:500;color:var(--rj-tekst);text-decoration:none;white-space:nowrap}
.rj .rj-narz a:hover{color:var(--rj-akcent)}
.rj .rj-narz a[aria-current]{color:var(--rj-akcent);font-weight:700}

/* glowa: nazwa narzedzia i JEDNO zdanie o najprostszej drodze */
.rj .rj-h1{font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:40px 0 0;max-width:13em}
.rj .rj-narz+.rj-h1{margin-top:24px}
.rj .rj-lead{font-size:16px;line-height:1.6;color:var(--rj-tekst);margin:14px 0 0}

/* karta wyszukiwania z obramowanym rozwijakiem filtrow w srodku (jak rejestr) */
.rj .rj-karta{margin:26px 0 0;background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:12px;
  box-shadow:0 1px 2px rgba(22,25,34,.04),0 8px 24px -18px rgba(22,25,34,.18);padding:8px 8px 16px}
.rj .rj-szukaj{display:flex;align-items:center;gap:12px;padding:0 0 0 10px}
.rj .rj-pole-q{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.rj .rj-pole-q svg{flex:none;color:var(--rj-slaby)}
.rj .rj-pole-q input{flex:1;min-width:0;height:56px;border:0;outline:0;background:transparent;padding:1px 2px;
  font:400 18.4px/1.3 var(--rj-font);color:var(--rj-ink)}
.rj .rj-pole-q input::placeholder{color:var(--rj-podpowiedz)}
.rj .rj-karta:focus-within{border-color:var(--rj-akcent)}
/* Fokus glownego pola (recenzja Codexa wygladu 8.10.2026, E): pole ma outline:0, a sama zmiana koloru ramki karty 1 px
   byla slabym sygnalem. Kursor w polu daje pierscien 2 px w akcencie wokol karty; przycisk i filtry maja wlasny obrys. */
.rj .rj-karta:has(.rj-pole-q input:focus){box-shadow:0 0 0 2px var(--rj-akcent),0 8px 24px -18px rgba(22,25,34,.18)}
.rj .rj-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border:0;
  border-radius:var(--rj-r);background:var(--rj-akcent);color:#fff;font:600 16px var(--rj-font);cursor:pointer;text-decoration:none}
.rj .rj-btn:hover{background:var(--rj-akcent-ciem)}
.rj .rj-btn:focus-visible{outline:2px solid var(--rj-ink);outline-offset:2px}
.rj .rj-filtry{margin:14px 8px 0;border:1px solid var(--rj-linia);border-radius:var(--rj-r);background:var(--rj-bialy)}
.rj .rj-filtry>summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:16px;font-weight:600;
  display:flex;align-items:center;gap:10px}
.rj .rj-filtry>summary::-webkit-details-marker{display:none}
.rj .rj-filtry>summary::before{content:"";border:5px solid transparent;border-left:6px solid var(--rj-ink);border-right:0;transition:transform .15s ease}
.rj .rj-filtry[open]>summary::before{transform:rotate(90deg)}
.rj .rj-filtry>summary .rj-aktywne{margin-left:auto;font-size:14px;font-weight:600;color:var(--rj-akcent)}
.rj .rj-filtry-tresc{padding:2px 16px 18px}
/* .rj-siatka: w filtrach siatka pol, na karcie (w .rj-sek) siatka danych <dl>, nizej */
.rj .rj-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}
.rj .rj-f{display:block;min-width:0}
.rj .rj-f>span{display:block;font-size:14px;font-weight:600;color:var(--rj-tekst);margin:0 0 6px}
.rj .rj-f select,.rj .rj-f input{width:100%;height:44px;border:1px solid var(--rj-ramka);border-radius:6px;padding:0 10px;
  font:400 16px var(--rj-font);color:var(--rj-ink);background:var(--rj-bialy)}
.rj .rj-f select:hover,.rj .rj-f input:hover{border-color:var(--rj-akcent)}
.rj .rj-f select:focus-visible,.rj .rj-f input:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:1px}
.rj .rj-f input:disabled{background:var(--rj-tlo);color:#8a8a8a;cursor:not-allowed}
.rj .rj-para{display:flex;gap:10px}
.rj .rj-filtry-akcje{display:flex;align-items:center;gap:18px;margin:18px 0 0}
.rj .rj-wyczysc{border:0;background:none;padding:0;font:600 16px var(--rj-font);color:var(--rj-tekst);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rj .rj-wyczysc:hover{color:var(--rj-akcent)}

/* pas liczb: kolumny z pionowa kreska, liczba i opis obok (.rj-5: piec pol, wyszukiwarka firm) */
.rj .rj-liczby{margin:0;background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:12px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rj .rj-liczby.rj-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.rj .rj-liczby>div{padding:18px 22px;display:flex;align-items:baseline;gap:10px;min-width:0}
.rj .rj-liczby>div+div{border-left:1px solid var(--rj-linia)}
.rj .rj-liczby b{flex:none;font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap}
.rj .rj-liczby span{font-size:14.4px;line-height:1.35;color:var(--rj-tekst)}
/* kropki „•••" i kreska w miejscu wartosci z pelnego dostepu */
.rj .rj-zasl{letter-spacing:.14em;color:var(--rj-zasl)}
/* klodka przed kropkami „•••": jeden znak zaslony w calym serwisie (decyzja AL nr 29, 7.10.2026). Markup KLODKA
   stoi w assets/siec-wspolne.js, jednostki-app.js, wyszukiwarka-firm.js i karta-firmy.js (identycznosc pilnuje
   tests/zaslona-klodka.test.js); barwa jak .kd-znak karty dzialki. Znak jest ozdoba (aria-hidden), tresc niesie
   title zaslony. Jedyna definicja w serwisie (dawniej assets/siec.css). Selektor przez .rj-zasl, bo klodka to <span>,
   a regula .rj .rj-liczby span (pas liczb) wygrywala z .rj .sn-klodka: barwa tekstu i wysoka linia (pomiar 7.10.2026). */
.rj .rj-zasl .sn-klodka{display:inline-block;line-height:0;color:#9aa4ab;margin:0 6px 0 0;vertical-align:-1px;letter-spacing:0}

/* wyniki: jedna biala karta, naglowek grupy w srodku, lista wierszy */
.rj .rj-wyniki{margin:0;background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:12px;padding:6px 16px 16px}
.rj .rj-grupa{display:flex;align-items:center;gap:12px;padding:10px 4px 12px;flex-wrap:wrap}
.rj .rj-grupa h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.rj .rj-grupa em{font-style:normal;font-size:14.4px;font-weight:600;color:var(--rj-slaby);font-variant-numeric:tabular-nums}
.rj .rj-grupa .rj-sort{margin-left:auto;display:flex;align-items:center;gap:10px}
.rj .rj-grupa .rj-sort label{font-size:14px;font-weight:600;color:var(--rj-tekst)}
.rj .rj-grupa .rj-sort select{height:40px;border:1px solid var(--rj-ramka);border-radius:6px;padding:0 10px;
  font:500 14.4px var(--rj-font);background:var(--rj-bialy);color:var(--rj-ink)}
.rj .rj-lista{border:1px solid var(--rj-linia);border-radius:var(--rj-r);overflow:hidden}
.rj .rj-w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;min-height:44px;
  padding:14px 18px;border-bottom:1px solid var(--rj-linia);text-decoration:none;color:inherit}
.rj .rj-w:last-child{border-bottom:0}
.rj a.rj-w:hover{background:var(--rj-hover)}
.rj a.rj-w:hover .rj-w-t{color:var(--rj-akcent)}
.rj a.rj-w:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:-2px}
.rj .rj-w-t{font-size:16px;font-weight:600;line-height:1.35;margin:0}
.rj .rj-w-t .rj-kod{font-weight:700;font-variant-numeric:tabular-nums;margin-right:6px}
.rj .rj-w-m{margin:5px 0 0;display:flex;flex-wrap:wrap;gap:4px 20px;font-size:14px;color:var(--rj-slaby)}
.rj .rj-w-m b{font-weight:700;color:var(--rj-ink);font-variant-numeric:tabular-nums}
/* pigulki stanu: turkusowa (jest), szara (brak wpisu), granatowa (rynek mocy), piaskowa (pozwolenie na budowe) */
.rj .rj-pig{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:var(--rj-akcent-tlo);
  color:var(--rj-akcent-ciem);font-size:14px;font-weight:600;white-space:nowrap;justify-self:end}
.rj .rj-pig::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.rj .rj-pig.rj-pig-brak,.rj .rj-pig.rj-szary{background:var(--rj-szary-tlo);color:var(--rj-szary)}
.rj .rj-pig.rj-pig-rm{background:#eef1f8;color:#34406b}
.rj .rj-pig.rj-pig-pnb{background:#f4efe3;color:#6b4e16}
/* akapity z makiet, ktore tam mialy domyslny margines 1em (styl.css zeruje go globalnie) */
.rj .rj-pusto{margin:1em 0;padding:26px 18px;font-size:16px;color:var(--rj-tekst)}
.rj .rj-pg{margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:10px}
.rj .rj-pg button{height:44px;padding:0 18px;border:1px solid var(--rj-ramka);border-radius:var(--rj-r);background:var(--rj-bialy);
  font:600 14.4px var(--rj-font);color:var(--rj-ink);cursor:pointer}
.rj .rj-pg button:hover:not(:disabled){border-color:var(--rj-akcent);color:var(--rj-akcent)}
.rj .rj-pg button:disabled{opacity:.45;cursor:default}
.rj .rj-pg span{font-size:14.4px;color:var(--rj-tekst)}

/* siatka lista 1/3 + prawa kolumna 2/3 (liczby i mapa), przyklejona pod wspolnym naglowkiem */
.rj .rj-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;align-items:start;margin:26px 0 0}
.rj .rj-prawa{position:sticky;top:calc(var(--rj-naglowek) + 17px);min-width:0}
/* w prawej kolumnie liczby stoja nad opisem, bo komorka ma ok. 200 px */
.rj .rj-prawa .rj-liczby>div{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px}
.rj .rj-prawa .rj-liczby b{font-size:22px}
.rj .rj-prawa .rj-liczby span{font-size:14px}
/* waska lista: wiersz w jednej kolumnie, pigulka pod metadanymi */
.rj .rj-split .rj-wyniki{padding:4px 12px 14px}
.rj .rj-split .rj-grupa{padding:10px 4px 10px}
.rj .rj-split .rj-grupa .rj-sort{margin-left:0;width:100%}
.rj .rj-split .rj-grupa .rj-sort select{flex:1}
.rj .rj-split .rj-w{grid-template-columns:1fr;gap:8px;padding:12px 14px}
.rj .rj-split .rj-w-m{gap:2px 14px}
.rj .rj-w-m .rj-pig{padding:2px 10px;font-size:14px;line-height:1.5}
.rj .rj-w-m .rj-pig::before{width:6px;height:6px}
.rj .rj-split .rj-pg{gap:6px}
.rj .rj-split .rj-pg button{padding:0 12px}

/* rozwijaki (batony): zastrzezenia, noty i zdania pomocnicze zawsze zwiniete */
.rj .rj-baton{margin:14px 0 0}
.rj .rj-baton>summary{list-style:none;cursor:pointer;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;color:var(--rj-ink);position:relative}
.rj .rj-baton>summary::-webkit-details-marker{display:none}
/* cel dotykowy 44 px bez zmiany ukladu wzoru: niewidoczne pole trafienia 11 px nad i pod etykieta (22 px) */
.rj .rj-baton>summary::after{content:"";position:absolute;left:0;right:0;top:-11px;bottom:-11px}
.rj .rj-baton>summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border:1px solid var(--rj-ramka);border-radius:6px;font-size:15px;font-weight:600;color:var(--rj-tekst);background:var(--rj-bialy)}
.rj .rj-baton[open]>summary::before{content:"–"}
.rj .rj-baton p,.rj .rj-baton li{font-size:14.4px;line-height:1.65;color:var(--rj-tekst);max-width:62em}
.rj .rj-baton p{margin:1em 0}
.rj .rj-baton ul{margin:10px 0 0;padding-left:20px}
.rj .rj-baton a{text-decoration:underline}
.rj .rj-wyniki>.rj-baton{margin:16px 4px 0;text-align:center}

/* sekcja mapy w prawej kolumnie */
.rj .rj-sekcja{margin:14px 0 0;padding:0}
.rj .rj-sekcja-h{display:flex;align-items:baseline;gap:12px;margin:0 0 12px}
.rj .rj-sekcja-h h2{margin:0;font-size:18px;font-weight:700}
.rj .rj-sekcja-h em{font-style:normal;font-size:14.4px;color:var(--rj-tekst);margin-left:auto;white-space:nowrap;flex:none}

/* mapa: #jwMapa (jednostki-mapa.js) albo .rj-mapa (mapa-grupy.js); isolation trzyma warstwy
   Leafletu (z-index 400-1000) pod wspolnym naglowkiem (z-index 900) */
.rj :is(#jwMapa,.rj-mapa){position:relative;height:clamp(440px,calc(100vh - 231px - var(--rj-naglowek)),720px);border-radius:12px;
  border:1px solid var(--rj-linia);background:var(--rj-mapa-tlo);overflow:hidden;isolation:isolate;z-index:0}
.rj :is(#jwMapa,.rj-mapa).rj-mapa-pusta{height:auto;background:var(--rj-bialy)}
.rj :is(#jwMapa,.rj-mapa) :is(.jw-mapa-blad,.rj-mapa-pusto){margin:0;padding:18px 20px;font-size:14.4px;color:var(--rj-tekst)}
.rj .rj-mapa-brak{margin:0;padding:16px 18px;background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:12px;font-size:16px;color:var(--rj-tekst)}
.rj .leaflet-container{font-family:var(--rj-font)}
/* Szwy kafelkow (AL 25.09.2026 „takie kreski na mapie”): przy ulamkowym polozeniu mapy w siatce 1/3 + 2/3
   przegladarka rysuje kazdy kafelek osobno i miedzy nimi zostaje wlosowa szczelina (Safari pionowo, Chromium
   poziomo). Zakladka pol piksela ja zamyka; ta sama regula stoi w karta-jednostki.css i mapa-dzialki.css. */
.rj .leaflet-tile-container img.leaflet-tile{width:256.5px !important;height:256.5px !important;mix-blend-mode:normal !important;will-change:transform}
.rj .jw-dymek b{display:block;font-size:15px;color:var(--rj-ink)}
.rj .jw-dymek span{display:block;font-size:14px;color:var(--rj-szary)}
.rj .jw-dymek-d{display:block;margin-top:6px;border:0;background:none;color:var(--rj-akcent);font:600 14px var(--rj-font);cursor:pointer;padding:0;text-align:left;text-decoration:none}
.rj a.jw-dymek-d:hover{text-decoration:underline}
/* grupy punktow (mapa-grupy.js): kolo z liczba wpisow i kropka miejscowosci.
   Arkusz Leafleta ustawia .leaflet-marker-icon{display:block} i laduje sie PO tym arkuszu,
   wiec wysrodkowanie liczby wymaga wyzszej wagi: .leaflet-marker-icon.rj-klaster. */
.rj .leaflet-marker-icon.rj-klaster{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,118,114,.88);color:#fff;
  font:700 14px var(--rj-font);box-shadow:0 0 0 5px rgba(0,118,114,.18)}
.rj .rj-klaster span{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rj .rj-kropka{width:12px;height:12px;border-radius:50%;background:var(--rj-akcent);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,118,114,.35)}

/* zastosowanie w ramce zaslony karty */
.rj .rj-uc{margin:40px 0 0;background:var(--rj-akcent-tlo);border-radius:12px;padding:26px 28px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px;align-items:center}
.rj .rj-uc h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.rj .rj-uc ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0;counter-reset:k}
.rj .rj-uc li{counter-increment:k;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 7px;
  border-radius:999px;background:var(--rj-bialy);font-size:14px;font-weight:600}
.rj .rj-uc li::before{content:counter(k);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border-radius:50%;background:var(--rj-akcent);color:#fff;font-size:14px;font-weight:700}

/* dol strony: rozwijaki pytan, zrodel i zastrzezen */
.rj .rj-dol{margin:30px 0 0;border-top:1px solid var(--rj-linia);padding-top:16px}
.rj .rj-dol .rj-baton+.rj-baton{margin-top:10px}
.rj .rj-faq details{border-top:1px solid var(--rj-linia);padding:10px 0}
.rj .rj-faq details:first-child{border-top:0}
.rj .rj-faq summary{cursor:pointer;font-size:16px;font-weight:600;color:var(--rj-ink)}
.rj .rj-faq p{margin:8px 0 0}

/* ======================= karta obiektu (jednostka, uklad karty podmiotu rejestru) ======================= */
/* Makieta karty rozni sie od list trzema drobiazgami; strona karty ma glowe .rj-glowa, wiec po niej je rozpoznajemy. */
.rj:has(.rj-glowa){--rj-slaby:#5f6873}
.rj:has(.rj-glowa) .rj-dol{margin:26px 0 0;border-top:0;padding-top:0}

/* okruszek powrotu */
.rj .rj-wroc{display:inline-flex;align-items:center;gap:8px;font-size:14.4px;font-weight:600;color:var(--rj-akcent);text-decoration:none;margin:0 0 14px}
.rj .rj-wroc:hover{text-decoration:underline;text-underline-offset:3px}

/* karta glowy; to <header>, a styl.css robi z kazdego <header> pasek sticky z z-index 900 */
.rj .rj-glowa{position:static;z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;
  background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:12px;padding:24px 24px 22px}
.rj .rj-glowa h1{margin:0;font-size:27.2px;font-weight:700;line-height:1.2;letter-spacing:-.01em;max-width:30em}
.rj .rj-glowa h1 .rj-nazwa{font-weight:500;color:var(--rj-tekst)}
.rj .rj-ident{display:flex;flex-wrap:wrap;gap:6px 24px;margin:12px 0 0;padding:0}
.rj .rj-ident div{display:flex;align-items:baseline;gap:8px}
.rj .rj-ident div[hidden]{display:none}
.rj .rj-ident dt{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--rj-slaby)}
.rj .rj-ident dd{margin:0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.rj .rj-ident dd a{color:var(--rj-akcent);text-decoration:none}
.rj .rj-ident dd a:hover{text-decoration:underline;text-underline-offset:3px}
.rj .rj-fakty{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:20px 0 0;padding:16px 0;border-top:1px solid var(--rj-linia);border-bottom:1px solid var(--rj-linia)}
.rj .rj-fakty>div{padding:0 14px;min-width:0}
.rj .rj-fakty>div+div{border-left:1px solid var(--rj-linia)}
.rj .rj-fakty dt{font-size:14px;font-weight:600;color:var(--rj-slaby);line-height:1.3;margin:0 0 6px}
.rj .rj-fakty dd{margin:0;font-size:16px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rj .rj-fakty .rj-zasl{font-weight:400}
.rj .rj-fakty .rj-pig{padding:4px 12px;white-space:normal;align-items:baseline;max-width:100%}
.rj .rj-fakty .rj-pig::before{flex:none;transform:translateY(-1px)}
.rj .rj-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:18px 0 0}
.rj .rj-b1,.rj .rj-b2{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:var(--rj-r);font:600 16px var(--rj-font);text-decoration:none;cursor:pointer}
.rj .rj-b1{background:var(--rj-akcent);color:#fff;border:1px solid var(--rj-akcent)}
.rj .rj-b1:hover{background:var(--rj-akcent-ciem)}
.rj .rj-b2{background:var(--rj-bialy);color:var(--rj-akcent-ciem);border:1px solid var(--rj-ramka)}
.rj .rj-b2:hover{border-color:var(--rj-akcent)}
.rj .rj-stan{margin:1em 0 1em auto;font-size:14px;line-height:1.4;color:var(--rj-slaby);text-align:right}
.rj .rj-stan b{display:block;color:var(--rj-ink);font-weight:700}

/* pasek zakladek, przyklejony tuz pod wspolnym naglowkiem; <nav> i <nav a> ze styl.css dostaja tu z powrotem wyglad
   makiety (styl.css ponizej 1280 px zawija kazdy <nav> w kilka wierszy, a pasek ma sie przewijac w bok) */
.rj .rj-zakl{position:sticky;top:var(--rj-naglowek);z-index:30;margin:18px 0 0;background:var(--rj-tlo);border-bottom:1px solid var(--rj-linia);
  display:flex;flex-wrap:nowrap;gap:4px;padding:0;overflow-x:auto;scrollbar-width:none;font:inherit;color:inherit}
.rj .rj-zakl::-webkit-scrollbar{display:none}
.rj .rj-zakl a{flex:none;display:block;min-height:0;padding:14px 14px;border-radius:0;background:transparent;font-size:16px;font-weight:500;color:var(--rj-tekst);text-decoration:none;
  border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.rj .rj-zakl a:hover{color:var(--rj-akcent)}
.rj .rj-zakl a.on{color:var(--rj-ink);font-weight:700;border-bottom-color:var(--rj-akcent)}
.rj .rj-zakl sup{font-size:14px;font-weight:500;color:var(--rj-slaby);margin-left:4px;vertical-align:baseline}

/* sekcje karty jako biale karty; skok z zakladki zatrzymuje sie pod naglowkiem i paskiem zakladek */
.rj .rj-sek{margin:14px 0 0;background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:12px;padding:20px 20px 22px;
  scroll-margin-top:calc(var(--rj-naglowek) + 63px)}
.rj #s-aukcje{margin-top:20px}
.rj .rj-sek-h{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.rj .rj-sek-h svg{flex:none;color:var(--rj-akcent)}
.rj .rj-sek-h h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.rj .rj-sek-h em{font-style:normal;font-size:14px;color:var(--rj-slaby);font-weight:500}
.rj .rj-tab{width:100%;border-collapse:collapse}
.rj .rj-tab th{text-align:left;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rj-slaby);padding:8px 10px;border-bottom:1px solid var(--rj-linia)}
.rj .rj-tab td{padding:12px 10px;font-size:16px;border-bottom:1px solid var(--rj-linia);vertical-align:top}
.rj .rj-tab tr:last-child td{border-bottom:0}
.rj .rj-tab td:first-child{font-weight:600}
.rj .rj-tab .rj-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rj .rj-tab .rj-data{color:var(--rj-slaby);white-space:nowrap;font-variant-numeric:tabular-nums}
.rj .rj-tab small{display:block;font-size:14px;color:var(--rj-slaby);font-weight:400;margin-top:2px}
/* siatka danych rejestrowych w sekcji karty */
.rj .rj-sek .rj-siatka{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin:0}
.rj .rj-siatka dt{font-size:14px;font-weight:600;color:var(--rj-slaby);margin:0 0 4px}
.rj .rj-siatka dd{margin:0;font-size:16px;line-height:1.5}
.rj .rj-siatka .rj-szer{grid-column:1/-1}
/* mapa w sekcji karty: nizsza i o mniejszym zaokragleniu niz w wyszukiwarce */
.rj .rj-sek :is(#jwMapa,.rj-mapa){height:480px;border-radius:var(--rj-r)}
.rj .rj-sek :is(#jwMapa,.rj-mapa) :is(.jw-mapa-blad,.rj-mapa-pusto){padding:16px 18px;font-size:16px}
.rj .rj-sek .rj-mapa-brak{padding:0;background:none;border:0;border-radius:0}
.rj .rj-sek .rj-lista .rj-w{gap:8px 24px;padding:12px 16px}
.rj .rj-sek .rj-w-t{font-weight:700;line-height:1.5}
.rj .rj-sek .rj-w-m b{font-variant-numeric:normal}
.rj .rj-sek .rj-w-m{margin:4px 0 0;gap:4px 18px}
.rj .rj-miejsca{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.rj .rj-miejsca span{padding:5px 12px;border-radius:999px;background:var(--rj-szary-tlo);font-size:14px}
.rj .rj-wiecej{display:inline-block;margin:12px 0 0;font-size:16px;font-weight:600;color:var(--rj-akcent);text-decoration:none}
.rj .rj-wiecej:hover{text-decoration:underline;text-underline-offset:3px}
.rj .rj-blad{margin:1em 0;padding:40px 24px;text-align:center;font-size:16px;color:var(--rj-tekst)}

/* ======================= szerokosci ======================= */
@media (max-width:1100px){
  .rj .rj-fakty{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}
  .rj .rj-fakty>div:nth-child(5){border-left:0}
}
@media (max-width:980px){
  /* telefon i waski ekran: jedna kolumna w kolejnosci liczby, lista, mapa */
  .rj .rj-split{grid-template-columns:1fr}
  .rj .rj-prawa{display:contents}
  .rj .rj-prawa .rj-liczby{order:-1}
  .rj .rj-prawa .rj-sekcja{margin:6px 0 0}
  .rj :is(#jwMapa,.rj-mapa){height:420px}
  .rj .rj-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rj .rj-liczby,.rj .rj-liczby.rj-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rj .rj-liczby>div:nth-child(3){border-left:0}
  .rj .rj-liczby>div:nth-child(n+3){border-top:1px solid var(--rj-linia)}
  .rj .rj-liczby.rj-5>div{border-left:0}
  .rj .rj-liczby.rj-5>div:nth-child(even){border-left:1px solid var(--rj-linia)}
  .rj .rj-liczby.rj-5>div:last-child{grid-column:1/-1}
}
@media (max-width:767.98px){
  /* styl.css daje polom ponizej 768 px podloge 16 px z !important (iOS przybliza mniejsze pola);
     pole szukania ma wiecej, wiec oddajemy mu stopien z makiety tym samym srodkiem */
  .rj .rj-pole-q input{font-size:18.4px!important}
}
@media (max-width:640px){
  .rj{padding:22px 16px 44px}
  .rj:has(.rj-glowa){padding:18px 14px 44px}
  .rj .rj-narz{gap:0 18px}
  .rj .rj-h1{font-size:32px;margin-top:24px}
  .rj .rj-narz+.rj-h1{margin-top:16px}
  .rj .rj-karta{padding:8px 8px 12px}
  .rj .rj-szukaj{flex-wrap:wrap;gap:8px;padding:0}
  .rj .rj-pole-q{flex:1 0 100%;padding:0 6px}
  .rj .rj-pole-q input{height:50px;font-size:17px!important}
  .rj .rj-szukaj .rj-btn{flex:1 0 100%}
  .rj .rj-filtry{margin:12px 0 0}
  .rj .rj-siatka,.rj .rj-sek .rj-siatka{grid-template-columns:1fr}
  .rj .rj-liczby>div{flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px}
  .rj .rj-liczby b{font-size:22px}
  .rj .rj-wyniki{padding:4px 10px 12px}
  .rj .rj-grupa .rj-sort{margin-left:0;width:100%}
  .rj .rj-grupa .rj-sort select{flex:1;height:44px;font-size:16px}
  .rj .rj-w{grid-template-columns:1fr;padding:14px}
  .rj .rj-pig{justify-self:start}
  .rj :is(#jwMapa,.rj-mapa){height:320px}
  .rj .rj-uc{grid-template-columns:1fr;padding:20px}
  .rj .rj-uc .rj-btn{width:100%}
  /* karta obiektu */
  .rj .rj-glowa{padding:18px 16px}
  .rj .rj-glowa h1{font-size:23px}
  .rj .rj-fakty{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
  .rj .rj-fakty>div{padding:0 10px}
  .rj .rj-fakty>div:nth-child(odd){border-left:0;padding-left:0}
  .rj .rj-fakty>div:nth-child(5){border-left:0}
  .rj .rj-akcje{flex-direction:column;align-items:stretch}
  .rj .rj-b1,.rj .rj-b2{justify-content:space-between}
  .rj .rj-stan{margin-left:0;text-align:left}
  .rj .rj-sek{padding:16px 14px;scroll-margin-top:calc(var(--rj-naglowek) + 65px)}
  .rj .rj-tab thead{display:none}
  .rj .rj-tab,.rj .rj-tab tbody,.rj .rj-tab tr,.rj .rj-tab td{display:block;width:100%}
  .rj .rj-tab tr{padding:10px 0;border-bottom:1px solid var(--rj-linia)}
  .rj .rj-tab tr:last-child{border-bottom:0}
  .rj .rj-tab td{padding:2px 0;border:0}
  .rj .rj-tab td[data-lab]::before{content:attr(data-lab) ": ";font-size:14px;font-weight:600;color:var(--rj-slaby)}
  .rj .rj-tab .rj-num{text-align:left}
  .rj .rj-sek :is(#jwMapa,.rj-mapa){height:300px}
}