/* =====================================================================
   dzialka-rejestr.css v3 (29.09.2026: przykład wyniku w lewej kolumnie zamiast listy ofert, blok na dole arkusza; v2 25.09.2026: kolumny przykładu wyrównane pod zasłonę wyniku; v1 24.09.2026): landing „Sprawdź działkę" w języku rejestr.hww.pl.
   Wzór: makieta ~/dev/toze-projekty/2026-09-24-jezyk-rejestr-hww/robocze/dzialka.html
   (AL 24.09.2026: „popraw sprawdz dzialke zeby pasowala do sprawdz firme i rynek mocy").

   ZAKRES. Arkusz dokłada TYLKO to, czego nie ma we wspólnym assets/wyszukiwarka-rejestr.css,
   i tylko dla działki: przykłady wpisu, zakres mocy, lista ofert rysowana przez
   assets/mapa-dzialki.js (klasy .md-*), mapę ofert, tabelę przykładu wyniku i spis warstw.
   Każdy selektor stoi pod .rj, więc karta wyniku (#md-wynik, lokalizacja-360.js), która
   przy ?live= / ?lat&lng / ?ref= zostaje sama w <main>, tego arkusza nie czuje: przełącznik
   trybu zdejmuje wtedy z <main> klasę rj. Drobny druk min. 14 px.
   ===================================================================== */

/* mapa-dzialki.css daje .md-app białe tło i dolną linię (pasek mapy dawnego landingu);
   tu tło strony zostaje szare jak w firmach i jednostkach */
.rj .md-app{background:transparent;border-bottom:0}
.rj .rj-karta .rj-filtry+.rj-filtry{margin-top:10px}

/* Scope and current price at the point of use; the map and result cards keep their layout. */
.rj .dz-access{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:12px}
.rj .dz-access__price{flex:1 1 540px;min-width:0;margin:0;font-size:16px;line-height:1.55;color:var(--rj-tekst);font-variant-numeric:tabular-nums}
.rj .dz-access__buy{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font-size:16px;line-height:1.4;font-weight:600}
.rj .dz-start-note{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--rj-tekst);text-wrap:pretty}
.rj .dz-start-note>span{display:block}
.rj .dz-przyklad-value{margin:8px 0 16px;font-size:16px;line-height:1.55;color:var(--rj-tekst)}
.rj .dz-przyklad-demo{margin:0 0 12px}
.rj .dz-przyklad-demo a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;font-weight:600;color:var(--rj-akcent);text-decoration:underline;text-underline-offset:3px}

/* „Nie znasz adresu?": przykłady wpisu (klik WYPEŁNIA pole) i objaśnienie */
.rj .dz-wzory{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0}
.rj .dz-wzory button{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px;max-width:100%;min-height:44px;padding:8px 14px;border:1px solid var(--rj-ramka);
  border-radius:var(--rj-r);background:var(--rj-bialy);font:inherit;font-size:14px;color:var(--rj-slaby);cursor:pointer}
.rj .dz-wzory button:hover{border-color:var(--rj-akcent)}
.rj .dz-wzory button:hover code{color:var(--rj-akcent)}
.rj .dz-wzory button>span{white-space:nowrap}
.rj .dz-wzory .dz-wzor-xy{max-width:100%;flex-wrap:wrap}
.rj .dz-wzory .dz-wzor-xy code{display:flex;flex-wrap:wrap;gap:4px 8px}
.rj .dz-wzory .dz-wzor-xy code span{white-space:nowrap}
.rj .dz-wzory code,.rj .dz-pomoc p code{font:600 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--rj-ink);background:none;padding:0;white-space:nowrap}
.rj .dz-pomoc p{margin:0 0 8px;font-size:14.4px;line-height:1.65;color:var(--rj-tekst);max-width:70ch}

/* zakres mocy: dwa pola w jednym wierszu, nie pęka w środku */
.rj .dz-zakres{display:flex;gap:8px}
.rj .dz-zakres input{min-width:0}
.rj .dz-project-filter.dz-p-wyl>span{color:#687079}
.rj .dz-project-filter select:disabled{background:var(--rj-tlo);color:#687079;cursor:not-allowed}
.rj .dz-filter-feedback{margin:12px 0;padding:12px 16px;border:1px solid var(--rj-ramka);border-left:3px solid var(--rj-akcent);border-radius:8px;background:var(--rj-bialy)}
.rj .dz-filter-feedback[hidden]{display:none}
.rj .dz-filter-feedback p{margin:0;font-size:16px;line-height:1.5;color:var(--rj-tekst)}
.rj .dz-filter-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rj .dz-filter-actions:empty{display:none}
.rj .dz-filter-actions button{min-height:44px;padding:8px 12px;border:1px solid var(--rj-ramka);border-radius:6px;background:var(--rj-bialy);font:600 16px/1.4 var(--rj-font);color:var(--rj-akcent-ciem);cursor:pointer}
.rj .dz-filter-actions button:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:2px}
.rj #md-filtry input[aria-invalid="true"],.rj #dzParam input[aria-invalid="true"]{border-color:#a33}

/* lista ofert: karty skryptu działki w układzie wierszy z listy firm */
.rj .dz-ile{margin:-4px 4px 10px;font-size:14px;color:var(--rj-slaby);line-height:1.45}
.rj .rj-lista .md-cards{display:block;padding:0}
.rj .rj-lista .md-card{display:block;border:0;border-bottom:1px solid var(--rj-linia);border-radius:0;padding:12px 14px;
  background:var(--rj-bialy);box-shadow:none;text-decoration:none;color:var(--rj-ink)}
.rj .rj-lista .md-card:last-child{border-bottom:0}
.rj .rj-lista .md-card:hover,.rj .rj-lista .md-card.active{background:#f7fbfb;border-color:var(--rj-linia);box-shadow:none}
.rj .rj-lista .md-card:hover .md-title,.rj .rj-lista .md-card.active .md-title{color:var(--rj-akcent)}
.rj .rj-lista .md-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rj .rj-lista .md-price b{font-size:16px;font-weight:700;color:var(--rj-ink);font-variant-numeric:tabular-nums}
/* technologia stoi w tytule oferty i w pigułkach, więc trzeci raz obok mocy jej nie powtarzamy */
.rj .rj-lista .md-price span{display:none}
.rj .rj-lista .md-title{font:600 16px/1.35 var(--rj-font);color:var(--rj-ink);margin:3px 0 0}
.rj .rj-lista .md-meta{margin:4px 0 0;font-size:14px;color:var(--rj-slaby);line-height:1.5}
.rj .rj-lista .md-tags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0}
.rj .rj-lista .md-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--rj-akcent-tlo);
  color:var(--rj-akcent);font-size:14px;font-weight:600;letter-spacing:0;line-height:1.5;text-transform:none}
.rj .rj-lista .md-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rj .rj-lista .md-tag.new{background:#f4efe3;color:#6b4e16}
.rj .rj-lista .md-see{display:none}
.rj .rj-lista .mk-skrot .md-card:nth-child(n+9){display:none}
.rj .rj-lista .md-pusty{min-height:0;padding:22px 16px;font-family:var(--rj-font)}
.rj .rj-lista .md-pusty-h{font-size:16px;color:var(--rj-ink)}
.rj .rj-lista .md-pusty-alt{font-size:14px;color:var(--rj-tekst)}
.rj .rj-lista .md-pusty-akcja{font:600 14px/1.2 var(--rj-font);color:var(--rj-akcent)}

/* mapa ofert w prawej kolumnie, miary jak mapa firm */
.rj .dz-mapa.md-map-wrap{position:relative;height:clamp(440px,calc(100vh - 300px),720px);border-radius:12px;border:1px solid var(--rj-linia);
  background:#e9eeee;overflow:hidden;isolation:isolate;z-index:0}
.rj .dz-mapa #md-map{position:absolute;inset:0}
.rj .dz-mapa .leaflet-container{font-family:var(--rj-font)}
.rj .dz-mapa .md-legenda{font-family:var(--rj-font);font-size:14px;color:var(--rj-tekst);border-radius:8px}
.rj .dz-mapa .md-legenda b{font-weight:700;color:var(--rj-ink)}
/* Akcent rejestru tylko na obwodce PV (21.10.2026): wczesniej ten selektor dawal akcent kazdej pinezce i przykrywal
   kolory technologii z mapa-dzialki.css, wiec legenda obiecywala kolory, ktorych na mapie nie bylo. */
.rj .dz-mapa .md-pin{font-family:var(--rj-font)}.rj .dz-mapa .md-pin.t-pv{border-color:var(--rj-akcent)}
.rj .dz-mapa .md-legenda i.lg-pv{border-color:var(--rj-akcent)}
.rj .dz-mapa .md-pin.active,.rj .dz-mapa .md-pin:hover{background:var(--rj-akcent);border-color:var(--rj-akcent);color:#fff}
.rj .dz-mapa .md-cluster{background:rgba(0,118,114,.88);font-family:var(--rj-font);box-shadow:0 0 0 5px rgba(0,118,114,.18)}
.rj .dz-mapa .md-hover{font-family:var(--rj-font);border-radius:12px}
.rj .dz-mapa .md-hover .md-title{font:600 16px/1.35 var(--rj-font)}
.rj .dz-mapa .md-hover .md-see{color:var(--rj-akcent)}
.rj .dz-mapa .mk-pop .leaflet-popup-content{font-family:var(--rj-font)}
.rj .dz-mapa .mk-pop-btn{background:var(--rj-akcent);font-family:var(--rj-font);border-radius:var(--rj-r)}
.rj .dz-mapa .mk-pop-btn:hover{background:var(--rj-akcent-ciem)}

/* przykład wyniku: tabela warstw z karty jednostki */
.rj #przyklad{margin:40px 0 0}
.rj #przyklad .rj-sek-h em{margin-left:auto;text-align:right}
.rj .rj-tab td b{font-weight:700}
.rj .rj-tab td small{display:block;margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--rj-slaby)}
.rj .dz-zr{white-space:normal!important;max-width:24em;font-size:14.4px;color:var(--rj-tekst)}
.rj .rj-sek>.rj-baton{margin:14px 0 0}
.rj .rj-sek .rj-baton .rj-tab{margin-top:6px}
.rj .rj-baton .dz-znaczy{margin:10px 0 0;padding:0;list-style:none}
.rj .dz-znaczy>li{padding:10px 0;border-top:1px solid var(--rj-linia)}
.rj .dz-znaczy>li:first-child{border-top:0}
.rj .dz-znaczy>li>b{display:block;font-size:16px;color:var(--rj-ink)}
.rj .dz-znaczy p{margin:4px 0 0}
.rj .dz-znaczy ul{margin:6px 0 0}
/* Obie tabele przykładu (na wierzchu i w rozwijaku „Pozostałe warstwy") trzymają te same kolumny,
   żeby zasłony „•••" wyniku stały w jednej linii. Na telefonie wiersze są blokami, więc tam nic. */
@media (min-width:640.02px){
  .rj #przyklad .rj-tab{table-layout:fixed}
  .rj #przyklad .rj-tab :is(th,td):nth-child(1){width:30%}
  .rj #przyklad .rj-tab :is(th,td):nth-child(2){width:28%}
}
.rj .dz-dalej{display:inline-flex;align-items:center;min-height:44px;margin:6px 0 0;font-size:16px;font-weight:600;color:var(--rj-akcent);text-decoration:none}
.rj .dz-dalej:hover{text-decoration:underline}

/* rozwijaki na dole: spis warstw, cena, osoby, stan zbiorów */
.rj .dz-warstwy{margin-top:12px}
.rj .dz-warstwy td:nth-child(2){font-size:14.4px;line-height:1.6;color:var(--rj-tekst);font-weight:400}
.rj .rj-baton .dz-kroki{margin:12px 0 0;padding-left:22px}
.rj .rj-baton .dz-kroki li{margin:0 0 8px}
.rj .rj-baton .dz-kroki b,.rj .rj-baton .dz-cena b{color:var(--rj-ink)}
/* styl.css daje h3 krój Lato i interlinię 1.12, więc krój i miary rejestru stoją tu jawnie */
.rj .rj-baton h3{margin:18px 0 0;font-family:var(--rj-font);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.35;color:var(--rj-ink)}
.rj .dz-akcja{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:16px 0 4px}
.rj .dz-akcja .rj-btn{height:48px;padding:0 22px;text-decoration:none}
.rj .dz-akcja .rj-btn:hover{color:#fff}
.rj .rj-baton .dz-akcja a:not(.rj-btn){font-size:16px;font-weight:600;color:var(--rj-akcent)}
.rj .dz-osoby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:10px 0 0;max-width:62em}
.rj .dz-osoba{min-width:0}
.rj .dz-osoba .dz-rola{display:block;font-size:14px;font-weight:600;color:var(--rj-slaby)}
.rj .dz-osoba>b{display:block;margin:2px 0 0;font-size:16px;color:var(--rj-ink)}
.rj .dz-osoba p{margin:6px 0 0}
.rj .dz-kto{display:flex;align-items:center;gap:12px;margin:10px 0 0;font-size:14.4px;color:var(--rj-tekst)}
.rj .dz-kto img{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover}
.rj .dz-kto b{color:var(--rj-ink)}
.rj .dz-zbiory{margin-top:8px}
/* Baton źródeł niesie klasę zastrzezenia (reguła rozwijaka zastrzeżeń, jak na firmach i jednostkach).
   assets/przypisy.css, ładowany tu dla karty wyniku, rysuje details.zastrzezenia kreską nad nim
   i wierszem 44 px; baton rejestru ma własne pole trafienia (::after), więc tamto zdejmujemy. */
.rj details.rj-baton.zastrzezenia{border-top:0;padding-top:0}
.rj details.rj-baton.zastrzezenia>summary{min-height:0}
.rj details.rj-baton.zastrzezenia>summary:hover{color:var(--rj-ink)}
.rj .dz-zbiory td:nth-child(2) b{font-variant-numeric:tabular-nums;white-space:nowrap}
/* Zrodla warstw w „Źródła, zakres i zastrzeżenia” (22.10.2026, uwagi AL z 21.10.2026): jedna lista na dole zamiast
   kolumny „Źródło” w przykladzie wyniku i w spisie warstw. */
.rj .rj-baton .dz-zrodla{margin:8px 0 0;padding-left:22px;max-width:62em}
.rj .rj-baton .dz-zrodla li{margin:0 0 6px;font-size:14.4px;line-height:1.6;color:var(--rj-tekst)}
/* Szuflada wyniku (bramka konta, powrót po logowaniu, zamiar z narzedzia.html) należy do karty
   wyniku, nie do landingu: stoi w <main class="rj">, więc dostaje z powrotem to, co dotąd
   dziedziczyła po <body> ze styl.css, żeby jej wygląd się nie zmienił. */
.rj .md-drawer{font-family:"Lato",ui-sans-serif,system-ui,sans-serif;color:var(--ink);font-size:15px;line-height:1.6;
  letter-spacing:-.005em;font-feature-settings:"kern" 1,"ss01" 1}

@media (max-width:980px){
  .rj .dz-mapa.md-map-wrap{height:420px}
}
@media (max-width:720px){
  .rj .dz-mapa.md-map-wrap{height:360px}
  .rj #przyklad .rj-sek-h{flex-wrap:wrap}
  .rj #przyklad .rj-sek-h em{margin-left:0;text-align:left;width:100%}
  .rj .dz-zr{max-width:none}
  .rj .dz-osoby{grid-template-columns:1fr}
}

/* =====================================================================
   v3, 29.09.2026: PRZYKŁAD WYNIKU ZAMIAST LISTY OFERT (AL 21:16: „mam mało ofert, nie chcę widocznej
   listy z lewej”; 21:56: „obok karty ... tylko ładniejsze, żeby zachęcić ludzi do używania”).
   Siatka zostaje wspólna (1/3 + 2/3): w lewej kolumnie karta przykładu #przyklad, w prawej pas liczb
   i mapa z odnośnikiem do wszystkich ofert w nagłówku. Lista (#md-lista-sek) stoi w siatce z atrybutem hidden, bo
   skrypt mapy czyta jej identyfikatory (#md-cards, #mk-wiecej, #md-sort).
   ZAKRES: reguły karty łapią tylko przykład będący dzieckiem siatki (.rj-split > #przyklad), mapa tylko
   kolumnę za nim (#przyklad ~ .rj-prawa), a nagłówek mapy tylko #dz-mapa-sek. Wersja EN ma od wdrożenia
   29.09.2026 ten sam układ i ładuje ten sam arkusz.
   WYSOKOŚĆ (v3, komplet warstw w karcie): karta jest wyższa od prawej kolumny, więc prawa kolumna
   (pas liczb, filtry, mapa, rozwijaki) jest przyklejona jak we wzorze i jedzie obok karty. Żeby mieściła
   się w oknie, mapa bierze wysokość z okna: clamp(420 px, 100vh - 350 px - nagłówek strony, 540 px),
   czyli ok. 460 px przy oknie 900 px i 540 px od okna ok. 980 px w górę. Karta nie jest przyklejona,
   bo jest wyższa od ekranu, a przyklejony element wyższy od ekranu ucina własny dół.
   ===================================================================== */
.rj .rj-split>.rj-wyniki[hidden]{display:none}
.rj .rj-split>#przyklad{container:dz-przyklad / inline-size;align-self:stretch;display:flex;flex-direction:column;min-width:0;margin:0;padding:20px 16px 20px}
.rj .rj-split>#przyklad .rj-sek-h{margin:0 0 14px}
/* głowa jak mała karta działki: numer działki jako tożsamość, pod nim obręb, gmina i dzień odczytu */
.rj .dz-przyklad-kto{display:flex;flex-direction:column;gap:2px;margin:0 0 18px;font-size:14.4px;line-height:1.45;color:var(--rj-tekst)}
.rj .dz-przyklad-kto b{margin:0 0 2px;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--rj-ink);font-variant-numeric:tabular-nums}
.rj .dz-przyklad-kto span+span{font-size:14px;color:var(--rj-slaby)}
/* pas nad listą: ile sprawdzeń dostaje każda działka (liczba z licznika wierszy, jedno źródło) */
.rj .dz-przyklad-ile{margin:0 0 6px;padding:9px 12px;border-radius:var(--rj-r);background:var(--rj-akcent-tlo);
  font-size:14.4px;line-height:1.45;color:var(--rj-akcent-ciem)}
.rj .dz-przyklad-ile b{font-weight:700;font-variant-numeric:tabular-nums}

/* wiersze warstw: znaczniki tabeli zostają (po nich liczy test), układ daje siatka w wierszu:
   nazwa, pod nią źródło i data, wynik po prawej; ikona w lewym polu wiersza. Wiersze w rozwijaku
   nie mają ikon (treść bez zmian), ale to samo lewe pole wyrównuje ich nazwy z nazwami na wierzchu. */
.rj .rj-split>#przyklad .rj-tab{display:block;width:100%;table-layout:auto;margin:0}
.rj .rj-split>#przyklad .rj-tab tbody{display:block}
/* nagłówek bloku (Działka, Sieć, Okolica, Potencjał): zdaniowy, bez wersalików, nad kreską pierwszego wiersza */
.rj .rj-split>#przyklad .rj-tab tr.dz-grupa-h{display:block;padding:18px 0 8px;border:0}
.rj .rj-split>#przyklad .rj-tab tbody:first-of-type tr.dz-grupa-h{padding-top:6px}
.rj .rj-split>#przyklad .rj-tab tr.dz-grupa-h th{display:block;padding:0;border:0;text-align:left;text-transform:none;letter-spacing:-.01em;
  font:700 16px/1.3 var(--rj-font);color:var(--rj-ink)}
.rj .rj-split>#przyklad .rj-tab thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rj .rj-split>#przyklad .rj-tab tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"nazwa wynik" "zrodlo zrodlo";gap:0 12px;padding:7px 0 7px 36px;border:0;border-top:1px solid var(--rj-linia)}
.rj .rj-split>#przyklad>.rj-tab tbody:last-child tr:last-child{border-bottom:1px solid var(--rj-linia)}
.rj .rj-split>#przyklad .rj-tab td{display:block;width:auto;padding:0;border:0;min-width:0}
.rj .rj-split>#przyklad .rj-tab td::before{content:none}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Warstwa"]{grid-area:nazwa;font:600 16px/1.28 var(--rj-font);color:var(--rj-ink)}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Wynik"]{grid-area:wynik;align-self:center;text-align:right;font-size:16px;white-space:nowrap}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Wynik"] b{font-weight:700;color:var(--rj-ink);font-variant-numeric:tabular-nums}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Źródło"]{grid-area:zrodlo;max-width:none;font-size:14px;line-height:1.36;letter-spacing:-.01em;color:var(--rj-slaby);white-space:normal}
/* wiersz z bezpłatną częścią wyniku (decyzja AL nr 27 z 6.10.2026: najbliższa stacja i zapotrzebowanie na elastyczność):
   wartość albo zasłona po prawej jak w pozostałych wierszach, pod nazwą linia jawnych danych (jak kontekst na karcie),
   pod nią źródło; komórka wyniku oddaje swoje dwie części siatce wiersza */
.rj .rj-split>#przyklad .rj-tab tr:has(.dz-jawne){grid-template-areas:"nazwa wynik" "jawne jawne" "zrodlo zrodlo"}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Wynik"]:has(.dz-jawne){display:contents}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Wynik"] .dz-wartosc{grid-area:wynik;align-self:center;text-align:right;white-space:nowrap}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Wynik"] .dz-jawne{grid-area:jawne;margin:3px 0 2px;font-size:14px;line-height:1.4;
  letter-spacing:-.01em;color:var(--rj-tekst);white-space:normal;text-align:left}
.rj .rj-split>#przyklad .rj-tab td[data-lab="Wynik"] .dz-jawne b{font-weight:600;color:var(--rj-ink)}
/* ikona warstwy (icons.js): 28 px, jasny turkus języka rejestru; rozmiar stoi, zanim skrypt ikon ją narysuje */
.rj .rj-split>#przyklad .rj-tab td[data-lab="Warstwa"]>i[data-icon]{position:absolute;left:0;top:9px;display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:var(--rj-r);background:var(--rj-akcent-tlo);color:var(--rj-akcent)}
/* zasłona „•••” w karcie jest odnośnikiem do cennika (AL 29.09.2026 22:00): wygląd kropek bez zmian,
   kursor ręki, widoczny fokus; pole trafienia powiększone paddingiem bez przesuwania kropek */
.rj .rj-split>#przyklad a.rj-zasl{display:inline-block;padding:4px 6px;margin:-4px -6px;border-radius:4px;
  color:var(--rj-zasl);text-decoration:none;cursor:pointer}
.rj .rj-split>#przyklad a.rj-zasl:hover{color:var(--rj-zasl);text-decoration:none}
.rj .rj-split>#przyklad a.rj-zasl:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:1px}
.rj .rj-split>#przyklad .rj-baton{margin:14px 0 0}
.rj .rj-split>#przyklad .rj-baton .rj-tab{margin-top:10px}
.rj .rj-split>#przyklad .rj-baton .rj-tab tr:last-child{border-bottom:0}
/* stopka: przycisk na całą szerokość karty i odnośnik do aktualnej karty pod nim, przy dolnej krawędzi */
.rj .dz-przyklad-stopka{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.rj .dz-przyklad-stopka .rj-btn{height:48px;width:100%;justify-content:center;text-decoration:none}
.rj .dz-przyklad-stopka .rj-btn:hover{color:#fff}
.rj .dz-przyklad-stopka .dz-dalej{justify-content:center;margin:0;font-size:14.4px}

/* prawa kolumna: mapa 540 px (pas liczb + nagłówek + mapa ok. wysokości karty) */
.rj .rj-split>#przyklad~.rj-prawa .dz-mapa.md-map-wrap{height:clamp(420px,calc(100vh - 350px - var(--rj-naglowek)),540px)}
.rj #dz-mapa-sek{min-width:0;scroll-margin-top:calc(var(--rj-naglowek) + 16px)}
.rj #md-filtry .rj-f,.rj #md-filtry select{min-width:0}
/* filtry ofert pod nagłówkiem mapy, nad nią (AL 29.09.2026 22:00): ten sam obramowany rozwijak co w karcie */
.rj #dz-mapa-sek>.rj-filtry{margin:0 0 12px}

/* Licznika ofert na stronie dziś nie ma (AL 29.09.2026 22:37: bez licznika z notą): .dz-mapa-ile niesie sam
   odnośnik „Przeglądaj wszystkie oferty”, a reguła .dz-ile zostaje na wypadek powrotu licznika.
   Licznik ofert w nagłówku sekcji mapy, po prawej od tytułu (wzór: licznik miejscowości przy mapie
   jednostek, .rj-sekcja-h em). Nie plakietka na mapie: skrypt mapy dopasowuje widok z marginesem
   46 px, a znacznik ma 32 px wysokości, więc oferta najdalej na północy stoi zawsze 14 do 46 px pod
   górną krawędzią i każda plakietka w górnym rogu ją zasłaniała (pomiar 29.09.2026: „8,1 ha”). */
.rj #dz-mapa-sek .rj-sekcja-h{flex-wrap:wrap;gap:4px 16px}
/* licznik i odnośnik zawijają się razem, do prawej krawędzi, a nie odnośnik sam pod lewą */
.rj #dz-mapa-sek .dz-mapa-ile{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 16px;min-width:0}
.rj #dz-mapa-sek .rj-sekcja-h .dz-ile{margin:0;font-size:14.4px;line-height:1.45;color:var(--rj-tekst);font-variant-numeric:tabular-nums;text-align:right}
/* pole trafienia odnośnika 36 px bez rozpychania wiersza: niewidoczne pole 7 px nad i pod napisem */
.rj .dz-wszystkie{position:relative;font-size:14.4px;font-weight:600;line-height:1.45;color:var(--rj-akcent);text-decoration:none;white-space:nowrap}
.rj .dz-wszystkie::after{content:"";position:absolute;left:-4px;right:-4px;top:-7px;bottom:-7px}
.rj .dz-wszystkie:hover{color:var(--rj-akcent-ciem);text-decoration:underline;text-underline-offset:3px}
.rj .dz-wszystkie:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:2px;border-radius:3px}

/* wąski ekran: jedna kolumna ze wspólnego arkusza w kolejności pas liczb, karta przykładu, mapa */
@media (max-width:980px){
  .rj .rj-split>#przyklad~.rj-prawa .dz-mapa.md-map-wrap{height:460px}
}
@media (max-width:640px){
  /* pole adresu tej samej wysokości co przycisk pod nim (52 px), tylko na tej stronie */
  .rj [data-uklad="przyklad"] .rj-pole-q input{height:52px}
  /* legenda pod mapą, a nie na jej dolnej krawędzi: pasek w tej samej ramce, pod kafelkami.
     Mapa (#md-map) dostaje własną wysokość, więc skrypt mapy liczy kadr bez legendy. */
  .rj .rj-split>#przyklad~.rj-prawa .dz-mapa.md-map-wrap{height:auto;display:flex;flex-direction:column}
  .rj .rj-split>#przyklad~.rj-prawa .dz-mapa #md-map{position:relative;inset:auto;flex:none;height:420px}
  .rj .rj-split>#przyklad~.rj-prawa .dz-mapa .md-legenda{position:static;max-width:none;margin:0;padding:10px 12px;
    border:0;border-top:1px solid var(--rj-linia);border-radius:0;box-shadow:none;background:var(--rj-bialy)}
  .rj .rj-split>#przyklad{padding:16px 14px 16px}
  .rj .rj-split>#przyklad .rj-tab tr{padding:7px 0 7px 36px}
  /* telefon: tytuł mapy w swoim wierszu, licznik i odnośnik pod nim od lewej */
  .rj #dz-mapa-sek .rj-sekcja-h{gap:2px 14px}
  .rj #dz-mapa-sek .rj-sekcja-h h2{flex:1 0 100%}
  .rj #dz-mapa-sek .dz-mapa-ile{margin-left:0;justify-content:flex-start}
  .rj #dz-mapa-sek .rj-sekcja-h .dz-ile{text-align:left}
}

/* Jawny zakres pozwolen: dwie niezalezne informacje zamiast zaslony liczby. */
.rj .rj-split>#przyklad .rj-tab #dz-przyklad-pnb-granica{grid-template-columns:minmax(0,1fr);grid-template-areas:"nazwa" "wynik";row-gap:6px}
.rj .rj-split>#przyklad .rj-tab #dz-przyklad-pnb-granica td:last-child{white-space:normal;text-align:left}
#dz-przyklad-pnb-granica td:last-child > span{display:block;text-wrap:balance}

/* The free result and its layer label need separate lines when the example card
   has less than 310 px of content: 142 px label + 116 px result + 48 px icon/gap. */
@container dz-przyklad (max-width:309.98px){
  html:lang(en) .rj .rj-split>#przyklad .rj-tab tr:has(.dz-jawne){
    grid-template-columns:minmax(0,1fr);grid-template-areas:"nazwa" "wynik" "jawne" "zrodlo";row-gap:3px}
  html:lang(en) .rj .rj-split>#przyklad .rj-tab tr:has(.dz-jawne) .dz-wartosc{justify-self:start}
}