/* KOLORYT WŁASNY TEGO DZIAŁU - kobalt azulejo - jedyna barwa, która przetrwała wszystkie trzy religie Półwyspu.
   Grunt #080f18. Gradienty podłoża biorą barwę z palety tego działu,
   a nie z neutralnej szarości: 21 modułów miało wcześniej to samo
   `--tlo: #0e0c0b` i cały serwis świecił jedną szarością. */

/* Hiszpania - lejek sprawdzania i trzy religie na jednym rynku.  Prefiks `thz-`.

   MATERIAŁ: kafel, gips rzeźbiony, cegła mauretańska. ŚWIATŁO: wysokie
   słońce, twardy cień. Rozpiska z `BACKLOG-EUROPA.md`.

   Wysokie słońce znaczy tu co innego niż stepowe pełne słońce na Węgrzech.
   Tam światło jest poziome i ciepłe; tutaj pada z góry, więc cień jest krótki,
   czarny i ostro odcięty, a ściana bielona odbija go z powrotem. Stąd w tym
   dziale większy kontrast i mniej półtonów niż gdziekolwiek indziej w filarze.

   Cztery barwy z rzeczy, o których dział mówi: błękit kobaltowy kafla,
   cegła wypalana, gips bielony i jeden akcent szafranu. Szafran jest AKCENTEM
   SPRAWDZENIA - pojawia się przy wybranym szczeblu lejka i przy dacie raportu,
   i nigdzie indziej.

   SZEROKOŚĆ 1520 px i blok wyłamania z układu motywu są od pierwszej wersji.
   Motyw narzuca `--wp--style--global--content-size: 645px` i bez tego dział
   wygląda na ściśnięty do połowy ekranu, a test tego NIE widzi, bo ściśnięta
   strona niczego nie przepełnia. */

.thz-strona {
	--tlo: #080f18; --panel: rgba( 17, 27, 42, .84 );
	--obrys: rgba( 63, 111, 158, .30 ); --wlos: rgba( 63, 111, 158, .14 );
	--kobalt: #3f6f9e; --kobalt-j: #79a3c9;
	--cegla: #a8624a; --cegla-j: #cf8a70;
	--gips: #cdc8bd; --gips-j: #efece4;
	--szafran: #c8942e; --szafran-j: #e8bb5f;
	--cien: #2c2f33; --cien-j: #5f646c;
	--etyk: #a89a7c;
	--tekst: #b3ab97; --tekst-slaby: #8b8472; --tekst-mocny: #ece6d6;
	--serif: 'Cormorant Garamond', Georgia, serif; --sans: Jost, system-ui, sans-serif;

	position: relative; max-width: 1520px; margin: 0 auto; padding: 0 40px 90px;
	color: var( --tekst ); font: 300 17px var( --serif );
	background:
		radial-gradient( 1200px 640px at 50% -10%, rgba( 63, 111, 158, .16 ), transparent 72% ),
		radial-gradient( 900px 520px at 86% 40%, rgba( 168, 98, 74, .10 ), transparent 74% ),
		radial-gradient( 760px 440px at 8% 78%, rgba( 157, 68, 56, .08 ), transparent 74% ),
		linear-gradient( 180deg, #191d23, var( --tlo ) 48% );
	overflow-x: clip;
}
.thz-strona *, .thz-strona *::before, .thz-strona *::after { box-sizing: border-box; }

/* WYŁAMANIE Z UKŁADU MOTYWU. Bez tego dział stoi w kolumnie 645 px. */
body:has( .thz-strona ) .wp-site-blocks > header, body:has( .thz-strona ) header.wp-block-template-part,
body:has( .thz-strona ) .wp-site-blocks > footer, body:has( .thz-strona ) footer.wp-block-template-part,
body:has( .thz-strona ) .wp-block-post-title { display: none !important; }
body:has( .thz-strona ) .wp-site-blocks, body:has( .thz-strona ) .wp-block-group,
body:has( .thz-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .thz-strona ) .wp-block-post-content > *, body:has( .thz-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .thz-strona ) { background: #0e0f10; }
body:has( .thz-strona ) .wp-block-post-content > .thz-strona, body:has( .thz-strona ) .entry-content > .thz-strona,
.thz-strona { box-sizing: border-box; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; }
.thz-strona button { font-family: inherit; }

/* ══════════════  UWERTURA  ══════════════ */

.thz-hero {
	position: relative; margin: 26px 0 0; padding: 62px 44px 54px; border-radius: 28px;
	border: 1px solid var( --wlos ); overflow: hidden;
	background:
		radial-gradient( 900px 420px at 22% 0%, rgba( 216, 219, 216, .1 ), transparent 70% ),
		linear-gradient( 180deg, rgba( 24, 25, 28, .9 ), rgba( 14, 15, 16, .96 ) );
}
/* Uwertura z grafika nosi `thz-sekcja--tlo thz-hero`, a NIE `thz-hero--tlo`
   - nazwa modyfikatora pochodzi z `tlo()` i jest wspolna dla obu. */
.thz-sekcja--tlo::before {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background: var( --tlo ) 50% 50% / cover no-repeat; opacity: .92;
}
.thz-sekcja--tlo::after {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient( 900px 520px at 16% 16%, rgba( 10, 11, 12, .68 ), transparent 76% ),
		linear-gradient( 180deg, rgba( 10, 11, 12, .14 ), rgba( 10, 11, 12, .5 ) );
}
.thz-hero__nad {
	margin: 0 0 16px; font: 400 11px var( --sans ); letter-spacing: .3em; text-transform: uppercase;
	color: var( --etyk );
}
.thz-hero__tytul {
	margin: 0 0 26px; max-width: 20ch;
	font: 300 clamp( 40px, 5.2vw, 72px ) / 1.07 var( --serif ); color: var( --tekst-mocny );
	text-shadow: 0 0 60px rgba( 216, 219, 216, .16 );
}

/* ══════════════  SEKCJE  ══════════════ */

.thz-sekcja { position: relative; margin: 84px 0 0; padding: 0; }
.thz-sekcja--tlo { padding: 54px 40px 48px; border-radius: 26px; border: 1px solid var( --wlos ); overflow: hidden; }
.thz-sekcja__nad {
	margin: 0 0 12px; font: 400 11px var( --sans ); letter-spacing: .28em; text-transform: uppercase;
	color: var( --etyk );
}
.thz-sekcja__tytul {
	margin: 0 0 16px; max-width: 26ch;
	font: 300 clamp( 30px, 3.4vw, 46px ) / 1.12 var( --serif ); color: var( --tekst-mocny );
	text-shadow: 0 0 40px rgba( 216, 219, 216, .13 );
}
.thz-sekcja__lead { margin: 0 0 32px; max-width: 78ch; font-size: 19px; line-height: 1.66; color: var( --tekst ); }

.thz-przerywnik { display: block; width: 100%; height: 44px; margin: 66px 0 0; color: var( --cegla ); opacity: .5; }

/* ══════════════  LEJEK SPRAWDZANIA  ══════════════
   Rysunek dostaje JAWNĄ szerokość, bo SVG w siatce kurczy się do 300 px,
   a wtedy podpisy punktów nachodzą na siebie i cały sens przestaje działać. */

.thz-lejek {
	width: 100%; max-width: 860px; margin: 0 auto; position: relative;
	/* Światło pod rysunkiem - niskie i rozproszone, zgodnie ze światłem działu.
	   Bez niego koło wisi na płaskim tle i nie ma żadnej głębi. */
	background: radial-gradient( 60% 55% at 50% 46%, rgba( 201, 169, 97, .07 ), transparent 72% );
}

/* RYSUNEK NA CAŁĄ SZEROKOŚĆ, OPIS POD SPODEM - odwrotnie niż w działach
   sąsiednich, i to jest różnica wymuszona kształtem rysunku, a nie gustem.
   Róża odległości i plan zagrody są kwadratowe, więc mieszczą się w połowie
   pasma i zostawiają miejsce na opis obok. Pasmo dwunastu dni jest z natury
   szerokie: wciśnięte w połowę dawało słupki po czterdzieści pikseli,
   w których podpis pogody przestawał być czytelny. Dlatego tutaj rysunek
   bierze całe pasmo, a opis staje pod nim i zostaje zwężony do szerokości
   wygodnej do czytania. */
.thz-lejek { max-width: 940px; }
.thz-lejek__opis { max-width: 78ch; margin-left: auto; margin-right: auto; }
.thz-lejek__svg { display: block; width: 100%; height: auto; overflow: visible; }

/* Szczebel lejka. Szerokość liczona od liczby NAJWIĘKSZEJ, nie od sumy -
   inaczej ostatni, zerowy, zniknąłby z rysunku, a to właśnie on jest sednem.
   Stąd też minimalna szerokość w skrypcie. */
.thz-szczebel { cursor: pointer; outline: none; }
.thz-szczebel__pole { fill: rgba( 63, 111, 158, .1 ); stroke: var( --kobalt ); stroke-width: 1; }
.thz-szczebel__ile { fill: var( --tekst-mocny ); font: 300 30px var( --serif ); text-anchor: middle; }
/* Podpis stoi POZA lejkiem, w stalej kolumnie - dlatego do lewej,
   a nie na srodku. Przy wyrownaniu do srodka wchodzil w ramke. */
.thz-szczebel__etyk { fill: var( --tekst-slaby ); font: 400 11px var( --sans ); letter-spacing: .14em; text-transform: uppercase; text-anchor: start; }
.thz-szczebel__wodz { stroke: var( --kobalt ); stroke-width: .8; opacity: .35; }
.thz-szczebel.jest-wybrany .thz-szczebel__etyk { fill: var( --szafran-j ); }
.thz-szczebel.jest-wybrany .thz-szczebel__wodz { stroke: var( --szafran-j ); opacity: .8; }
.thz-zwezenie { fill: rgba( 63, 111, 158, .05 ); stroke: none; }

/* Szczebel zerowy ma OBRYS PRZERYWANY i pustą plombę. Różnica ma być widoczna
   także dla kogoś, kto nie odczyta cyfry - i nie może polegać na samej barwie. */
.thz-szczebel.jest-zerowy .thz-szczebel__pole { fill: none; stroke-dasharray: 6 5; stroke: var( --gips ); }
.thz-szczebel.jest-zerowy .thz-szczebel__ile { fill: var( --gips-j ); }

.thz-lejek__nota { fill: var( --tekst-slaby ); font: 300 13px var( --serif ); text-anchor: middle; }

.thz-szczebel:hover .thz-szczebel__pole,
.thz-szczebel:focus-visible .thz-szczebel__pole { fill: rgba( 63, 111, 158, .18 ); }
.thz-szczebel.jest-wybrany .thz-szczebel__pole { stroke: var( --szafran-j ); stroke-width: 1.8; }
.thz-szczebel.jest-wybrany .thz-szczebel__ile { fill: var( --szafran-j ); }
.thz-szczebel.jest-wybrany { filter: drop-shadow( 0 0 16px rgba( 232, 187, 95, .32 ) ); }

.thz-lejek__opis {
	max-width: 78ch; margin: 26px auto 0; padding: 30px 34px;
	border: 1px solid var( --wlos ); border-radius: 22px; background: var( --panel );
}
.thz-lejek__opis h3 { margin: 0 0 6px; font: 300 30px var( --serif ); color: var( --tekst-mocny ); }
.thz-lejek__opis p { margin: 0 0 14px; font-size: 18px; line-height: 1.74; }
.thz-lejek__opis p:last-child { margin-bottom: 0; }
.thz-lejek__stopien { font: 400 11px var( --sans ) !important; letter-spacing: .24em; text-transform: uppercase; color: var( --cegla ); margin-bottom: 8px !important; }
.thz-lejek__kto { font: 400 12px var( --sans ) !important; letter-spacing: .1em; text-transform: uppercase; color: var( --etyk ); }
.thz-lejek__krotko { color: var( --tekst-mocny ); font-style: italic; }
.thz-lejek__zrodlo { font-size: 15px !important; color: var( --tekst-slaby ); border-top: 1px solid var( --wlos ); padding-top: 12px; }
.thz-lejek__zrodlo b { display: block; font: 400 10.5px var( --sans ); letter-spacing: .22em; text-transform: uppercase; color: var( --etyk ); margin-bottom: 4px; }

/* ══════════════  SIATKI KAFLI  ══════════════ */

.thz-siatka { display: grid; gap: 22px; grid-template-columns: repeat( auto-fill, minmax( 300px, 1fr ) ); align-items: start; }
.thz-siatka--zabiegi { grid-template-columns: repeat( auto-fill, minmax( 360px, 1fr ) ); }
.thz-siatka--slowa { grid-template-columns: repeat( auto-fill, minmax( 260px, 1fr ) ); }

.thz-kafel {
	position: relative; padding: 26px 26px 24px; border-radius: 20px;
	border: 1px solid var( --wlos ); background: var( --panel ); cursor: pointer;
	transition: border-color .2s, transform .2s;
}
.thz-kafel:hover, .thz-kafel:focus-visible { border-color: var( --obrys ); transform: translateY( -2px ); }
.thz-kafel h3 { margin: 0 0 8px; font: 300 25px / 1.18 var( --serif ); color: var( --tekst-mocny ); }
.thz-kafel p { margin: 0; font-size: 17px; line-height: 1.66; }
.thz-kafel__nad {
	display: block; margin: 0 0 10px; font: 400 10.5px var( --sans ); letter-spacing: .22em;
	text-transform: uppercase; color: var( --etyk );
}
.thz-kafel__nad i { font-style: normal; margin-right: 8px; color: var( --cegla ); }

.thz-foto { margin: 0 0 18px; border-radius: 14px; overflow: hidden; }
.thz-foto img { display: block; width: 100%; height: auto; }

.thz-pole { margin: 0 0 14px !important; padding: 12px 16px; border-radius: 12px; font-size: 16px !important; }
.thz-pole b { display: block; font: 400 10.5px var( --sans ); letter-spacing: .22em; text-transform: uppercase; margin-bottom: 5px; }
.thz-pole--zrodlo { background: rgba( 109, 122, 124, .12 ); color: var( --tekst-slaby ); }
.thz-pole--zrodlo b { color: var( --cien-j ); }
.thz-pole--zamiast { background: rgba( 168, 98, 74, .15 ); color: var( --tekst-mocny ); }
.thz-pole--zamiast b { color: var( --cegla-j ); }

/* ── siedem składników zabiegu ──
   Etykieta i treść w dwóch kolumnach, żeby dało się czytać PIONOWO po
   etykietach i porównywać zabiegi między sobą. To jest cel tego rozkładu:
   nie ozdoba, tylko możliwość zestawienia. */
.thz-rozklad {
	margin: 0 0 18px; padding: 16px 18px; border-radius: 14px;
	border: 1px solid var( --wlos ); background: rgba( 201, 169, 97, .06 );
}
.thz-rozklad__pole { display: grid; grid-template-columns: 116px 1fr; gap: 14px; padding: 7px 0; border-bottom: 1px solid var( --wlos ); }
.thz-rozklad__pole:last-child { border-bottom: 0; }
.thz-rozklad__pole b { font: 400 10.5px var( --sans ); letter-spacing: .18em; text-transform: uppercase; color: var( --cegla ); padding-top: 3px; }
.thz-rozklad__pole span { font-size: 16.5px; line-height: 1.6; color: var( --tekst ); }

/* ══════════════  LICZNIK  ══════════════ */

.thz-liczby { display: grid; gap: 20px; grid-template-columns: repeat( auto-fit, minmax( 250px, 1fr ) ); align-items: start; }
.thz-karta { padding: 28px 24px; border-radius: 20px; border: 1px solid var( --wlos ); background: var( --panel ); }
.thz-karta__ile {
	margin: 0 0 10px; font: 300 clamp( 38px, 4vw, 56px ) / 1 var( --serif ); color: var( --cegla-j );
	text-shadow: 0 0 34px rgba( 227, 196, 133, .22 );
}
.thz-karta__co { margin: 0 0 10px; font: 400 12px var( --sans ); letter-spacing: .14em; text-transform: uppercase; color: var( --etyk ); line-height: 1.5; }
.thz-karta__krotko { margin: 0; font-size: 16.5px; line-height: 1.64; }

/* ══════════════  OKNO  ══════════════ */

.thz-okno {
	max-width: 82ch; padding: 30px 34px; border-radius: 20px;
	border: 1px solid var( --wlos ); background: rgba( 20, 21, 23, .7 );
}
.thz-okno p { margin: 0; font-size: 19px; line-height: 1.74; color: var( --tekst ); }

/* ══════════════  WĄSKIE EKRANY  ══════════════ */

@media ( max-width: 900px ) {
	.thz-strona { padding: 0 20px 60px; }
	.thz-hero { padding: 44px 24px 38px; }
	.thz-sekcja { margin-top: 60px; }
	.thz-sekcja--tlo { padding: 36px 22px 32px; }
	.thz-lejek__opis { padding: 22px 20px; }
	.thz-rozklad__pole { grid-template-columns: 1fr; gap: 3px; }
	/* Siatka zabiegów ma `minmax( 360px )`, co przy 390 px ekranu i marginesach
	   wychodziło 10 px poza stronę - zmierzone, nie założone. Jedna kolumna. */
	.thz-siatka, .thz-siatka--zabiegi, .thz-siatka--slowa { grid-template-columns: 1fr; }
	.thz-szczebel__ile { font-size: 24px; }
}

/* GRUNT CAŁEJ STRONY. Motyw daje `body` czerń, a kolumna działu ma 1520 px - na
   ekranie 2560 px zostawało po ~470 px czarnego pasa z każdej strony.
   `body:has()` ma swoistość 0,2,1 wobec `body` 0,0,1, więc wygrywa
   z motywem bez `!important`.
   NIE robimy tego pseudoelementem: `background: inherit` na `::after`
   dziedziczy też ZDJĘCIE sekcji, a `cover` przelicza się na szerokości
   pseudoelementu - wychodzą dwa te same zdjęcia w różnych skalach.
   Sprawdzone i cofnięte 2026-09-12. */
body:has( .thz-strona ) {
	background-color: #080f18;
	background-image: radial-gradient( 1600px 900px at 50% 0%, rgba( 63, 111, 158, .07 ), transparent 68% );
	background-attachment: fixed;
}


/* Taroscope: scoped visual refinement, 2026-09-12. */
/* Only this country's shortcode and its dialogs are affected. */
body:has(.thz-strona) { --eu-bg: #1b100e; --eu-light: #91adbf; --eu-gold: #e2b66f; --eu-ink: #dbcdb9; background-color:var(--eu-bg); }
.thz-strona { --eu-bg:#1b100e; --eu-light:#91adbf; --eu-gold:#e2b66f; --eu-ink:#dbcdb9; --tekst:#dbcdb9; --tekst-slaby:#b7a58e; --tekst-mocny:#f7e7c6; --etyk:#b7a58e; background:transparent; padding:0 40px 88px; color:var(--eu-ink); }
.thz-strona .thz-hero { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:560px; gap:0; padding:64px 48px; margin-top:24px; isolation:isolate; border:1px solid rgba(226,182,111,.17); border-radius:24px; background:linear-gradient(90deg,#1b100e 0%,rgba(27,16,14,.94) 42%,rgba(27,16,14,.72) 55%,rgba(27,16,14,.08) 78%),var(--tlo) center / cover no-repeat; box-shadow:0 24px 70px rgba(0,0,0,.23); }
.thz-strona .thz-hero::before,.thz-strona .thz-hero::after { content:none; }
.thz-strona .thz-hero > * { position:relative; z-index:1; grid-area:auto; max-width:620px; }
.thz-strona .thz-hero .thz-hero__nad { margin:0 0 24px; color:var(--eu-gold); font:400 11px/1.5 Jost,system-ui,sans-serif; letter-spacing:.23em; }
.thz-strona .thz-hero .thz-hero__tytul { font:400 clamp(58px,6vw,90px)/1.04 'Cormorant Garamond',Georgia,serif; color:#f7e7c6; max-width:700px; margin:0 0 24px; text-wrap:balance; text-shadow:0 4px 40px rgba(0,0,0,.35); }
.thz-strona .eu-subtitle { display:block; font:300 clamp(23px,2.2vw,32px)/1.25 'Cormorant Garamond',Georgia,serif; color:var(--eu-gold); max-width:28ch; margin-top:15px; }
.thz-strona .thz-hero > .thz-okno { display:block; width:100%; max-width:580px; max-height:none; padding:0; border:0; background:none; box-shadow:none; transform:none; border-radius:0; overflow:visible; margin:0; }
.thz-strona .thz-hero > .thz-okno::before,.thz-strona .thz-hero > .thz-okno::after { content:none; }
.thz-strona .thz-hero .thz-okno p { font:300 17px/1.8 Jost,system-ui,sans-serif; color:#dbcdb9; }
.thz-strona .eu-chapters { display:flex; gap:10px; overflow-x:auto; padding:20px 2px 24px; border-bottom:1px solid rgba(226,182,111,.15); scrollbar-width:thin; }
.thz-strona .eu-chapters a { display:flex; flex-shrink:0; align-items:center; min-height:44px; padding:10px 20px; border:1px solid rgba(226,182,111,.22); border-radius:999px; text-decoration:none; color:#dbcdb9; font:400 13px/1.4 Jost,system-ui,sans-serif; background:rgba(53,33,27,.5); transition:transform .2s; }
.thz-strona .eu-chapters a:hover { color:#f7e7c6; border-color:var(--eu-gold); transform:translateY(-2px); }
.thz-strona .thz-sekcja { margin-top:64px; padding:40px 36px; border:1px solid rgba(226,182,111,.15); border-radius:24px; background:linear-gradient(130deg,rgba(53,33,27,.56),rgba(27,16,14,.12)); isolation:isolate; scroll-margin-top:125px; }
.thz-strona .thz-sekcja.eu-illustrated { background:linear-gradient(180deg,transparent 160px,var(--eu-bg) 440px),linear-gradient(90deg,var(--eu-bg) 14%,rgba(27,16,14,.94) 37%,rgba(27,16,14,.25)),var(--eu-image) right top/auto 440px no-repeat; }
.thz-strona .thz-sekcja__tytul { font:400 clamp(32px,3vw,46px)/1.14 'Cormorant Garamond',Georgia,serif; max-width:26ch; color:#f7e7c6; text-wrap:balance; margin:0 0 20px; }
.thz-strona .thz-sekcja__lead { font:300 17px/1.75 Jost,system-ui,sans-serif; max-width:64ch; color:#dbcdb9; margin:0 0 32px; }
.thz-strona .thz-sekcja__nad { font:400 11px/1.5 Jost,system-ui,sans-serif; color:var(--eu-gold); margin:0 0 14px; letter-spacing:.18em; }
.thz-strona .thz-przerywnik { margin:44px 0 -20px; color:var(--eu-light); opacity:.32; }
.thz-strona .thz-kafel { padding:28px; background:linear-gradient(145deg,rgba(53,33,27,.97),var(--eu-bg)); border:1px solid rgba(145,173,191,.2); border-radius:16px; box-shadow:0 14px 28px rgba(0,0,0,.18); min-width:0; transition:transform .22s; }
.thz-strona .thz-kafel:hover { transform:translateY(-4px); border-color:var(--eu-gold); box-shadow:0 18px 38px rgba(0,0,0,.25),0 0 28px rgba(145,173,191,.1); }
.thz-strona .thz-kafel h3 { font:400 28px/1.16 'Cormorant Garamond',Georgia,serif; color:#f7e7c6; margin:12px 0; }
.thz-strona .thz-kafel p { font:300 16px/1.75 Jost,system-ui,sans-serif; color:#dbcdb9; }
.thz-strona .thz-kafel__nad { color:var(--eu-light); font:400 11px/1.65 Jost,system-ui,sans-serif; letter-spacing:.12em; }
.thz-strona .zd-wiecej { display:block; padding-top:20px; margin-top:20px; border-top:1px solid rgba(226,182,111,.2); color:var(--eu-gold); font:400 11px/1.4 Jost,system-ui,sans-serif; letter-spacing:.14em; }
.thz-strona .eu-card-art { display:block; width:calc(100% + 56px); max-width:none; height:150px; margin:-28px -28px 24px; object-fit:cover; object-position:center 48%; border-radius:15px 15px 0 0; mask-image:linear-gradient(#fff 72%,transparent); }
.thz-strona .eu-carousel { position:relative; padding-bottom:62px; }
.thz-strona .eu-carousel .thz-siatka { display:flex; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-inline:0; padding:8px 0 20px; scrollbar-width:none; align-items:stretch; }
.thz-strona .eu-carousel .thz-siatka::-webkit-scrollbar { display:none; }
.thz-strona .eu-carousel .thz-kafel { flex:0 0 calc((100% - 40px)/3); scroll-snap-align:start; }
.thz-strona .eu-controls { position:absolute; bottom:0; right:0; left:0; display:flex; align-items:center; gap:12px; }
.thz-strona .eu-controls button { width:46px; height:46px; padding:0; border:1px solid rgba(226,182,111,.38); border-radius:50%; color:var(--eu-gold); background:var(--eu-bg); font:300 24px/1 Jost,system-ui,sans-serif; cursor:pointer; }
.thz-strona .eu-controls button:disabled { opacity:.3; cursor:default; }
.thz-strona .eu-controls button:not(:disabled):hover { background:#35211b; border-color:var(--eu-gold); }
.thz-strona .eu-count { font:400 11px/1.5 Jost,system-ui,sans-serif; color:#b7a58e; letter-spacing:.12em; margin:0 auto 0 0; }
.thz-strona .eu-progress { flex:1; max-width:180px; height:2px; background:rgba(226,182,111,.16); overflow:hidden; margin-right:20px; }
.thz-strona .eu-progress span { display:block; height:100%; width:100%; background:var(--eu-gold); transform-origin:left; }
.thz-strona .eu-map { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:28px 40px; }
.thz-strona .eu-map header { grid-column:1/-1; }
.thz-strona .eu-map header p { margin-bottom:0; }
.thz-strona .eu-map-canvas { min-width:0; position:relative; overflow:hidden; border-radius:18px; background:radial-gradient(ellipse at center,rgba(145,173,191,.13),transparent 72%); }
.thz-strona .eu-map svg { display:block; width:100%; height:auto; }
.thz-strona .eu-map .eu-land { fill:rgba(145,173,191,.12); stroke:var(--eu-light); stroke-width:1.4; vector-effect:non-scaling-stroke; }
.thz-strona .eu-map .eu-neighbor { fill:rgba(145,173,191,.035); stroke:rgba(145,173,191,.17); stroke-width:.8; }
.thz-strona .eu-grid { stroke:rgba(145,173,191,.06); stroke-width:1; }
.thz-strona .eu-map .eu-place { cursor:pointer; outline:none; }
.thz-strona .eu-place .eu-halo { fill:rgba(226,182,111,.08); stroke:rgba(226,182,111,.28); stroke-width:1; }
.thz-strona .eu-place .eu-dot { fill:var(--eu-gold); filter:drop-shadow(0 0 5px rgba(226,182,111,.5)); }
.thz-strona .eu-place text { fill:#dbcdb9; font:400 13px Jost,system-ui,sans-serif; paint-order:stroke; stroke:var(--eu-bg); stroke-width:5px; stroke-linejoin:round; }
.thz-strona .eu-place:hover .eu-halo,.thz-strona .eu-place:focus-visible .eu-halo,.thz-strona .eu-place[aria-pressed=true] .eu-halo { stroke:var(--eu-gold); fill:rgba(226,182,111,.2); stroke-width:2; }
.thz-strona .eu-map-caption { font:300 11px/1.6 Jost,system-ui,sans-serif; color:#b7a58e; margin:0; }
.thz-strona .eu-map-caption a { color:#b7a58e; }
.thz-strona .eu-place-list { display:flex; flex-direction:column; justify-content:center; gap:0; }
.thz-strona .eu-place-list button { display:grid; grid-template-columns:1fr auto; gap:5px 18px; width:100%; background:transparent; border:0; border-bottom:1px solid rgba(226,182,111,.16); border-radius:0; padding:22px 8px; text-align:left; cursor:pointer; color:#f7e7c6; }
.thz-strona .eu-place-list strong { font:400 28px/1.1 'Cormorant Garamond',Georgia,serif; }
.thz-strona .eu-place-list small { grid-column:1; font:300 13px/1.5 Jost,system-ui,sans-serif; color:#b7a58e; }
.thz-strona .eu-place-list span { grid-column:2; grid-row:1/3; align-self:center; color:var(--eu-gold); font-size:22px; }
.thz-strona .eu-place-list button:hover,.thz-strona .eu-place-list button[aria-pressed=true] { background:linear-gradient(90deg,rgba(145,173,191,.12),transparent); }
.thz-strona .eu-study { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:32px; align-items:start; margin-top:32px; }
.thz-strona .eu-study .thz-lejek__opis,.thz-strona .eu-study .thz-dni__opis { margin:0; padding:28px; max-width:none; background:linear-gradient(140deg,rgba(53,33,27,.96),var(--eu-bg)); border:1px solid rgba(226,182,111,.25); border-radius:16px; box-shadow:0 24px 50px rgba(0,0,0,.2); }
.thz-strona .eu-study p { font:300 16px/1.75 Jost,system-ui,sans-serif; color:#dbcdb9; }
.thz-strona .eu-study h3 { color:#f7e7c6; font:400 30px/1.15 'Cormorant Garamond',Georgia,serif; }
.thz-strona .eu-study-buttons { display:grid; gap:12px; }
.thz-strona .eu-study-buttons button { display:grid; grid-template-columns:110px 1fr; gap:24px; align-items:center; text-align:left; position:relative; min-height:86px; padding:18px 24px; border:1px solid rgba(145,173,191,.24); border-radius:12px; background:linear-gradient(90deg,rgba(145,173,191,.15),rgba(27,16,14,.95)); color:#dbcdb9; cursor:pointer; }
.thz-strona .eu-study-buttons strong { font:400 38px/1 'Cormorant Garamond',Georgia,serif; color:var(--eu-light); }
.thz-strona .eu-study-buttons span { font:300 14px/1.5 Jost,system-ui,sans-serif; }
.thz-strona .eu-study-buttons button[aria-pressed=true] { border-color:var(--eu-gold); background:linear-gradient(90deg,rgba(226,182,111,.15),var(--eu-bg)); box-shadow:0 0 24px rgba(226,182,111,.08); }
.thz-strona .eu-study-buttons button[aria-pressed=true] strong { color:var(--eu-gold); }
.thz-strona .eu-study-days { grid-template-columns:repeat(4,1fr); }
.thz-strona .eu-study-days button { display:flex; flex-direction:column; gap:10px; text-align:center; min-height:120px; padding:18px 7px; }
.thz-strona .eu-study-days button.eu-extra { border-style:dashed; }
.thz-strona .eu-study-days span { font-size:12px; }
.thz-strona .eu-study-note { grid-column:1/-1; margin:0; font:300 12px/1.7 Jost,system-ui,sans-serif; color:#b7a58e; }
.thz-strona .eu-original-diagram { display:none; }
.thz-strona .thz-liczby { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.thz-strona .thz-karta { background:linear-gradient(140deg,rgba(226,182,111,.11),transparent); border:0; border-left:2px solid var(--eu-light); border-radius:0 16px 16px 0; padding:24px 18px; }
.thz-strona .thz-karta__ile { color:var(--eu-gold); }
.thz-strona .thz-karta__krotko { font:300 14px/1.7 Jost,system-ui,sans-serif; }
body:has(.thz-strona) > .zd-tlo { background:rgba(4,10,16,.76); backdrop-filter:blur(18px) saturate(.7); -webkit-backdrop-filter:blur(18px) saturate(.7); padding:30px; }
body:has(.thz-strona) > .zd-tlo .zd-okno { --o-tekst:#dbcdb9; --o-mocny:#f7e7c6; --o-etyk:#e2b66f; --o-slaby:#b7a58e; --k:#91adbf; width:min(860px,100%); max-height:88dvh; border:1px solid rgba(226,182,111,.4); border-top:2px solid var(--eu-gold); border-radius:20px; background:radial-gradient(ellipse at right top,rgba(145,173,191,.15),transparent 55%),var(--eu-bg); box-shadow:0 36px 100px rgba(0,0,0,.55),0 0 65px rgba(145,173,191,.09); }
body:has(.thz-strona) > .zd-tlo .zd-okno__x { width:46px; height:46px; z-index:5; background:var(--eu-bg); border-color:var(--eu-gold); color:#f7e7c6; }
body:has(.thz-strona) > .zd-tlo .zd-okno__gora { padding-right:45px; }
body:has(.thz-strona) > .zd-tlo .eu-card-art { display:block; width:100%; height:240px; object-fit:cover; border-radius:12px; margin:0 0 28px; }
body:has(.thz-strona) > .zd-tlo .zd-okno__pelne p { font:300 17px/1.8 Jost,system-ui,sans-serif; }
body:has(.thz-strona) > .zd-tlo [class*='-rozklad__pole'] { display:grid; grid-template-columns:120px 1fr; gap:15px; border-bottom:1px solid rgba(226,182,111,.14); padding:10px 0; }
body:has(.thz-strona) > .zd-tlo [class*='-rozklad__pole'] b { color:var(--eu-gold); font:400 11px/1.7 Jost,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.1em; }
body:has(.thz-strona) > .zd-tlo [class*='-rozklad__pole'] span { font:300 16px/1.7 Jost,system-ui,sans-serif; }
body:has(.thz-strona) > .zd-tlo [class*='-pole--zrodlo'] { border-left:2px solid var(--eu-light); }
body:has(.thz-strona) :is(.eu-chapters a,.eu-controls button,.eu-place-list button,.eu-study-buttons button,.zd-okno__x,.thz-kafel):focus-visible { outline:2px solid var(--eu-gold); outline-offset:4px; }
.thz-strona .eu-art-note { font:300 11px/1.7 Jost,system-ui,sans-serif; color:#b7a58e; margin:40px 0 0; max-width:70ch; }
@media(min-width:1800px) { .thz-strona .thz-hero { min-height:620px; } }
@media(max-width:1100px) {
 .thz-strona .thz-hero { padding:44px 32px; }
 .thz-strona .thz-hero > .thz-okno { max-width:55%; }
 .thz-strona .thz-hero .thz-okno p { font-size:16px; }
 .thz-strona .eu-carousel .thz-kafel { flex-basis:calc((100% - 20px)/2); }
 .thz-strona .eu-study { grid-template-columns:1fr; }
 .thz-strona .eu-study-days { grid-template-columns:repeat(6,1fr); }
 .thz-strona .thz-liczby { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .thz-strona { padding:0 18px 60px; }
 .thz-strona .thz-hero { margin-top:18px; padding:240px 26px 32px; min-height:0; background:linear-gradient(180deg,rgba(27,16,14,.02) 0,var(--eu-bg) 340px),var(--tlo) 65% top/auto 420px no-repeat; }
 .thz-strona .thz-hero .thz-hero__nad { margin-bottom:14px; }
 .thz-strona .thz-hero .thz-hero__tytul { font-size:58px; max-width:100%; margin-bottom:20px; }
 .thz-strona .thz-hero > .thz-okno { max-width:100%; }
 .thz-strona .eu-subtitle { font-size:25px; }
 .thz-strona .thz-sekcja { padding:30px 24px; margin-top:40px; border-radius:20px; scroll-margin-top:105px; }
 .thz-strona .thz-sekcja.eu-illustrated { background:linear-gradient(180deg,rgba(27,16,14,.78),var(--eu-bg) 360px),var(--eu-image) right top/auto 360px no-repeat; }
 .thz-strona .eu-map { grid-template-columns:1fr; gap:20px; }
 .thz-strona .eu-map-canvas { margin:0 -18px; }
 .thz-strona .eu-place-list { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
 .thz-strona .eu-place-list strong { font-size:23px; }
 .thz-strona .eu-place-list button { padding:16px 4px; }
 .thz-strona .eu-study-days { grid-template-columns:repeat(4,1fr); }
 .thz-strona .eu-study-buttons button { grid-template-columns:78px 1fr; gap:14px; padding:18px; }
 .thz-strona .eu-study-days button { padding:14px 6px; }
 .thz-strona .thz-liczby { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.thz-strona) > .zd-tlo { padding:12px; }
 body:has(.thz-strona) > .zd-tlo .zd-okno { max-height:92dvh; }
 body:has(.thz-strona) > .zd-tlo .eu-card-art { height:170px; }
 body:has(.thz-strona) > .zd-tlo [class*='-rozklad__pole'] { grid-template-columns:1fr; gap:4px; }
}
@media(max-width:580px) {
 .thz-strona .eu-carousel .eu-card-art { display:none; }
 .thz-strona .eu-carousel .thz-kafel { flex-basis:88%; padding:24px; }
 .thz-strona .eu-card-art { width:calc(100% + 48px); margin:-24px -24px 20px; }
 .thz-strona .thz-sekcja__lead { font-size:16px; }
 .thz-strona .eu-study-days { grid-template-columns:repeat(3,1fr); }
 .thz-strona .eu-study-buttons strong { font-size:32px; }
 .thz-strona .eu-study .thz-lejek__opis,.thz-strona .eu-study .thz-dni__opis { padding:22px; }
 .thz-strona .eu-progress { max-width:70px; margin-right:0; }
 .thz-strona .eu-place-list { grid-template-columns:1fr; }
}
.thz-strona .thz-hero > .thz-okno { padding:0!important; background:none!important; border-radius:0!important; box-shadow:none!important; }
@media(prefers-reduced-motion:reduce) {
 .thz-strona *,body:has(.thz-strona) > .zd-tlo,body:has(.thz-strona) > .zd-tlo * { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}

/* Country craft details. Decoration is inert and independent of reading controls. */
body:has(.thz-strona) { --eu-tile:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20stroke%3D%22%23e2b66f%22%20fill%3D%22none%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%3E%3Cpath%20d%3D%22M50%208%2062%2022H78V38L92%2050%2078%2062V78H62L50%2092%2038%2078H22V62L8%2050%2022%2038V22H38Z%22%2F%3E%3Cpath%20d%3D%22M50%2024%2068%2032%2076%2050%2068%2068%2050%2076%2032%2068%2024%2050%2032%2032Z%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22rotate(45%2050%2050)%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%236997b5%22%20fill%3D%22none%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M0%200%2014%200%200%2014M100%200H86L100%2014M0%20100V86L14%20100M100%20100H86L100%2086%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --eu-seal:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20stroke%3D%22%23e2b66f%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M50%208%2062%2022H78V38L92%2050%2078%2062V78H62L50%2092%2038%2078H22V62L8%2050%2022%2038V22H38Z%22%2F%3E%3Cpath%20d%3D%22M50%2024%2068%2032%2076%2050%2068%2068%2050%2076%2032%2068%2024%2050%2032%2032Z%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22rotate(45%2050%2050)%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-image:radial-gradient(ellipse at 10% 9%,rgba(173,93,42,.13),transparent 48%),linear-gradient(120deg,#1b100e,#35211b 54%,#1b100e); background-attachment:fixed; }
.thz-strona { --eu-tile:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20stroke%3D%22%23e2b66f%22%20fill%3D%22none%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%3E%3Cpath%20d%3D%22M50%208%2062%2022H78V38L92%2050%2078%2062V78H62L50%2092%2038%2078H22V62L8%2050%2022%2038V22H38Z%22%2F%3E%3Cpath%20d%3D%22M50%2024%2068%2032%2076%2050%2068%2068%2050%2076%2032%2068%2024%2050%2032%2032Z%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22rotate(45%2050%2050)%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%236997b5%22%20fill%3D%22none%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M0%200%2014%200%200%2014M100%200H86L100%2014M0%20100V86L14%20100M100%20100H86L100%2086%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --eu-seal:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20stroke%3D%22%23e2b66f%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M50%208%2062%2022H78V38L92%2050%2078%2062V78H62L50%2092%2038%2078H22V62L8%2050%2022%2038V22H38Z%22%2F%3E%3Cpath%20d%3D%22M50%2024%2068%2032%2076%2050%2068%2068%2050%2076%2032%2068%2024%2050%2032%2032Z%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2235%22%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22rotate(45%2050%2050)%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.thz-strona .thz-hero { border-color:color-mix(in srgb,var(--eu-gold) 40%,transparent); border-radius:100px 24px 24px 24px; padding-top:78px; padding-bottom:80px; box-shadow:0 35px 90px rgba(15,7,4,.45),0 0 90px rgba(173,93,42,.13); position:relative; }
.thz-strona .eu-hero-frame { position:absolute; inset:13px; max-width:none; z-index:0; border:1px solid color-mix(in srgb,var(--eu-gold) 30%,transparent); border-radius:88px 14px 14px 14px; pointer-events:none; }
.thz-strona .eu-hero-frame::before { content:''; position:absolute; top:12px; right:12px; width:110px; height:110px; background:var(--eu-seal) center/contain no-repeat; opacity:.72; filter:drop-shadow(0 0 14px #1b100e); }
.thz-strona .eu-hero-frame::after { content:''; position:absolute; left:24px; right:24px; bottom:6px; height:30px; background:var(--eu-tile) center/30px 30px repeat-x; opacity:.7; mask-image:linear-gradient(90deg,transparent,#fff 15%,#fff 85%,transparent); }
.thz-strona .thz-hero .thz-hero__tytul { font-size:clamp(64px,7vw,102px); letter-spacing:-.02em; text-shadow:0 3px 34px rgba(15,7,4,.45); }
.thz-strona .thz-hero .thz-hero__nad { display:flex; align-items:center; gap:14px; }
.thz-strona .thz-hero .thz-hero__nad::before { content:''; width:35px; height:35px; background:var(--eu-seal) center/contain no-repeat; }
.thz-strona .eu-chapters a { border-radius:6px 18px 6px 18px; box-shadow:inset 0 1px color-mix(in srgb,var(--eu-gold) 10%,transparent); }
.thz-strona .eu-chapters a:first-child { color:var(--eu-gold); border-color:color-mix(in srgb,var(--eu-gold) 55%,transparent); }
.thz-strona .thz-sekcja { position:relative; border-radius:6px 30px 6px 30px; border-color:color-mix(in srgb,var(--eu-gold) 23%,transparent); box-shadow:inset 0 1px color-mix(in srgb,var(--eu-gold) 8%,transparent),0 28px 60px rgba(15,7,4,.45); }
.thz-strona .eu-section-mark { width:44px; height:44px; display:block; color:var(--eu-gold); margin:0 0 19px; filter:drop-shadow(0 0 12px rgba(173,93,42,.13)); }
.thz-strona .eu-section-mark svg { display:block; width:100%; height:100%; }
.thz-strona .thz-sekcja__nad { display:none; }
.thz-strona .thz-sekcja__tytul { max-width:29ch; }
.thz-strona .thz-przerywnik { display:none; }
.thz-strona .thz-sekcja::before,.thz-strona .thz-sekcja::after { content:none; }
.thz-strona .eu-divider { display:flex; align-items:center; gap:24px; height:52px; margin:40px 16px -24px; color:var(--eu-gold); opacity:.8; pointer-events:none; }
.thz-strona .eu-divider::before,.thz-strona .eu-divider::after { content:''; flex:1; height:18px; background:var(--eu-tile) center/24px 24px repeat-x; mask-image:linear-gradient(90deg,transparent,#fff 80%); opacity:.7; }
.thz-strona .eu-divider::after { transform:scaleX(-1); }
.thz-strona .eu-divider svg { width:50px; height:50px; flex-shrink:0; }
.thz-strona .thz-kafel { position:relative; border-radius:5px 20px 5px 20px; border-color:color-mix(in srgb,var(--eu-gold) 25%,transparent); box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--eu-gold) 3%,transparent),0 14px 35px rgba(15,7,4,.45); }
.thz-strona .thz-kafel:hover { box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--eu-gold) 5%,transparent),0 20px 45px rgba(15,7,4,.45),0 0 24px rgba(173,93,42,.13); }
.thz-strona .eu-card-corner { position:absolute; pointer-events:none; width:40px; height:40px; bottom:12px; right:12px; opacity:.4; color:var(--eu-gold); }
.thz-strona .eu-card-corner svg { width:100%; height:100%; }
.thz-strona .zd-wiecej { padding-right:42px; }
.thz-strona .eu-map-canvas { border:1px solid color-mix(in srgb,var(--eu-gold) 22%,transparent); background-image:radial-gradient(ellipse at center,rgba(173,93,42,.13),transparent 75%),repeating-linear-gradient(0deg,transparent 0 4px,color-mix(in srgb,var(--eu-gold) 2%,transparent) 4px 5px); border-radius:70px 8px 70px 8px; }
.thz-strona .eu-map-caption { padding:12px 20px 20px; font-size:12px; }
.thz-strona .eu-map .eu-land { fill:color-mix(in srgb,var(--eu-light) 15%,var(--eu-bg)); stroke:var(--eu-gold); stroke-width:1.3; filter:drop-shadow(0 8px 12px rgba(15,7,4,.45)); }
.thz-strona .eu-map .eu-neighbor { stroke:color-mix(in srgb,var(--eu-light) 22%,transparent); }
.thz-strona .eu-compass { color:var(--eu-gold); opacity:.5; pointer-events:none; }
.thz-strona .eu-compass text { font:400 13px Jost, sans-serif; fill:var(--eu-gold); stroke:none; }
.thz-strona .eu-place-list button { padding-left:18px; border-bottom-style:solid; }
.thz-strona .eu-study-buttons button { border-radius:5px 18px 5px 18px; box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--eu-gold) 3%,transparent); }
.thz-strona .eu-study-buttons button[aria-pressed=true] { box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--eu-gold) 8%,transparent),0 0 28px rgba(173,93,42,.13); }
.thz-strona .eu-study .thz-lejek__opis,.thz-strona .eu-study .thz-dni__opis { border-top-width:3px; border-radius:5px 24px 5px 24px; }
body:has(.thz-strona) > .zd-tlo { background:color-mix(in srgb,#1b100e 83%,transparent); }
body:has(.thz-strona) > .zd-tlo .zd-okno { border-radius:6px 30px 6px 30px; border-top-width:1px; box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--eu-gold) 4%,transparent),0 40px 120px rgba(15,7,4,.45),0 0 80px rgba(173,93,42,.13); }
body:has(.thz-strona) > .zd-tlo .zd-okno__pelne { border-image:none; border-top:1px solid color-mix(in srgb,var(--eu-gold) 30%,transparent); }
body:has(.thz-strona) > .zd-tlo .zd-okno__pelne::before { content:''; display:block; height:22px; margin:0 0 24px; background:var(--eu-tile) left center/26px 26px repeat-x; mask-image:linear-gradient(90deg,#fff,transparent); opacity:.65; }
body:has(.thz-strona) > .zd-tlo .eu-card-corner { display:none; }
@media(max-width:800px) {
 .thz-strona .thz-hero { border-radius:52px 18px 18px 18px; padding:245px 26px 65px; }
 .thz-strona .eu-hero-frame { inset:9px; border-radius:43px 10px 10px 10px; }
 .thz-strona .eu-hero-frame::before { display:none; }
 .thz-strona .eu-hero-frame::after { left:12px; right:12px; height:22px; background-size:24px 24px; }
 .thz-strona .thz-hero .thz-hero__tytul { font-size:64px; }
 .thz-strona .thz-sekcja { border-radius:5px 22px 5px 22px; }
 .thz-strona .eu-divider { gap:16px; margin:28px 4px -20px; }
 .thz-strona .eu-divider svg { width:40px; height:40px; }
 .thz-strona .eu-map-canvas { margin:0 -12px; border-radius:38px 6px 38px 6px; }
 .thz-strona .eu-section-mark { width:36px; height:36px; margin-bottom:15px; }
}
@media(prefers-reduced-motion:reduce) { body:has(.thz-strona) { background-attachment:scroll; } }

/* Spain: an illuminated atlas and an explicit four-step chronology. */
.thz-strona #thz-lejek-opis[hidden] { display:none !important; }
.thz-strona .es-case-study .eu-study-buttons button { grid-template-columns:130px minmax(0,1fr); }
.thz-strona .es-case-study .eu-study-buttons strong { font-size:34px; white-space:nowrap; }
.thz-strona .es-case-panel .es-case-label { font:400 11px/1.6 Jost,system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#e2b66f; }
body:has(.thz-strona) .zd-okno h3.thz-karta__co { letter-spacing:0; }
@media(max-width:600px) {
 .thz-strona .es-case-study .eu-study-buttons button { grid-template-columns:90px minmax(0,1fr); }
 .thz-strona .es-case-study .eu-study-buttons strong { font-size:26px; }
}
.thz-strona .es-atlas { grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr); gap:30px; padding:42px 36px 32px; background:radial-gradient(ellipse at 20% 35%,rgba(207,138,112,.16),transparent 68%),#1b100e; border-color:rgba(226,182,111,.34); box-shadow:inset 0 0 0 7px rgba(226,182,111,.025),0 30px 80px rgba(15,7,4,.35); }
.thz-strona .es-atlas > header { position:relative; padding:0 0 24px 74px; border-bottom:1px solid rgba(226,182,111,.2); }
.thz-strona .es-atlas > header .eu-section-mark { position:absolute; top:0; left:0; width:50px; height:50px; margin:0; }
.thz-strona .es-atlas > header h2 { font-size:clamp(34px,3.2vw,48px); max-width:none; }
.thz-strona .es-atlas > header p { max-width:90ch; font-size:16px; }
.thz-strona .es-atlas .eu-map-canvas { display:flex; flex-direction:column; justify-content:center; background:radial-gradient(ellipse at 40% 50%,rgba(145,173,191,.1),transparent 70%),#1b100e; border:1px solid rgba(226,182,111,.18); box-shadow:inset 0 0 50px rgba(15,7,4,.4); border-radius:8px 32px 8px 32px; }
.thz-strona .es-atlas .eu-land,.thz-strona .es-atlas .es-portugal { fill:url(#thz-earth); stroke:none; }
.thz-strona .es-atlas .es-period-portugal { fill:rgba(145,173,191,.48); stroke:#91adbf; stroke-width:1.5; stroke-linejoin:round; }
.thz-strona .es-atlas .es-coast { fill:none; stroke:#dbcdb9; stroke-width:.8; opacity:.65; }
.thz-strona .es-atlas .es-pt-legend::before { background:#91adbf; border-color:#91adbf; }
.thz-strona .es-portugal-story { padding:16px 0; border-top:1px solid rgba(226,182,111,.25); color:#dbcdb9; font:300 15px/1.7 Jost,system-ui,sans-serif; }
.thz-strona .es-portugal-story summary { cursor:pointer; color:#91adbf; font-weight:400; }
.thz-strona .es-portugal-story p { margin:12px 0 0; }
.thz-strona .es-atlas .eu-neighbor { fill:rgba(145,173,191,.035); stroke:rgba(145,173,191,.2); }
.thz-strona .es-atlas .eu-grid { opacity:.3; }
.thz-strona .es-atlas .es-historic-land { fill:url(#thz-andalus); stroke:#e2b66f; stroke-width:1.4; stroke-linejoin:round; }
.thz-strona .es-atlas .es-modern-borders { fill:none; stroke:#dbcdb9; stroke-width:.6; opacity:.48; stroke-dasharray:2 3; }
.thz-strona .es-atlas .es-map-frame { fill:none; stroke:#e2b66f; stroke-width:1; opacity:.5; }
.thz-strona .es-atlas .es-map-year { fill:#e2b66f; opacity:.36; font:400 45px 'Cormorant Garamond',Georgia,serif; letter-spacing:3px; }
.thz-strona .es-atlas .es-sea-name { fill:#91adbf; opacity:.6; font:italic 14px 'Cormorant Garamond',Georgia,serif; }
.thz-strona .es-atlas .es-ridge { stroke:#f7e7c6; stroke-width:.7; opacity:.32; }
.thz-strona .es-atlas .eu-place text { font:400 17px 'Cormorant Garamond',Georgia,serif; fill:#f7e7c6; stroke:#1b100e; stroke-width:4px; }
.thz-strona .es-atlas .eu-place .eu-halo { fill:#35211b; stroke:#e2b66f; filter:drop-shadow(0 3px 5px rgba(15,7,4,.6)); }
.thz-strona .es-atlas .eu-place .eu-dot { r:2px; fill:#f7e7c6; }
.thz-strona .es-atlas .es-place-diamond { fill:none; stroke:#e2b66f; stroke-width:1; }
.thz-strona .es-atlas .es-active .eu-halo { stroke-width:2; fill:#cf8a70; }
.thz-strona .es-atlas .eu-map-caption { padding:12px 25px 22px; font-size:11px; color:#b7a58e; text-align:center; }
.thz-strona .es-atlas .eu-map-caption a { color:#dbcdb9; }
.thz-strona .es-time-story { min-width:0; border:1px solid rgba(226,182,111,.25); border-radius:60px 8px 24px 8px; overflow:hidden; background:linear-gradient(145deg,#35211b,#1b100e 75%); box-shadow:0 18px 40px rgba(15,7,4,.3); }
.thz-strona .es-time-scene { position:relative; height:170px; overflow:hidden; }
.thz-strona .es-time-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#35211b,transparent 85%); }
.thz-strona .es-time-photo { width:100%; height:100%; object-fit:cover; object-position:65% 50%; opacity:.75; }
.thz-strona .es-time-year { position:absolute; z-index:1; left:26px; bottom:4px; font:400 58px/1 'Cormorant Garamond',Georgia,serif; color:#f7e7c6; text-shadow:0 4px 20px #1b100e; }
.thz-strona .es-time-text { padding:18px 26px 0; min-height:206px; }
.thz-strona .es-time-tag { margin:0 0 12px; font:400 10px/1.6 Jost,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.18em; color:#e2b66f; }
.thz-strona .es-time-title { font:400 31px/1.1 'Cormorant Garamond',Georgia,serif; color:#f7e7c6; margin:0 0 14px; }
.thz-strona .es-time-copy { font:300 14px/1.65 Jost,system-ui,sans-serif; color:#dbcdb9; margin:0; }
.thz-strona .es-time-controls { padding:22px 26px 26px; }
.thz-strona .es-time-label { display:block; font:400 13px Jost,system-ui,sans-serif; color:#e2b66f; margin-bottom:12px; }
.thz-strona .es-time-range { appearance:none; -webkit-appearance:none; display:block; width:100%; height:30px; padding:0; margin:0; border:0; background:transparent; cursor:ew-resize; accent-color:#e2b66f; }
.thz-strona .es-time-range::-webkit-slider-runnable-track { height:4px; border-radius:4px; background:linear-gradient(90deg,#e2b66f var(--time-progress),rgba(226,182,111,.22) var(--time-progress)); }
.thz-strona .es-time-range::-moz-range-track { height:4px; border-radius:4px; background:rgba(226,182,111,.3); }
.thz-strona .es-time-range::-moz-range-progress { height:4px; background:#e2b66f; }
.thz-strona .es-time-range::-webkit-slider-thumb { -webkit-appearance:none; width:22px; height:22px; margin-top:-9px; border:4px solid #35211b; border-radius:50%; background:#e2b66f; box-shadow:0 0 0 1px #e2b66f,0 0 20px rgba(226,182,111,.35); }
.thz-strona .es-time-range::-moz-range-thumb { width:16px; height:16px; border:3px solid #35211b; border-radius:50%; background:#e2b66f; box-shadow:0 0 0 1px #e2b66f; }
.thz-strona .es-time-ticks { display:flex; justify-content:space-between; gap:4px; }
.thz-strona .es-time-ticks button { padding:7px 2px; min-height:38px; border:0; background:none; color:#b7a58e; font:400 14px Jost,system-ui,sans-serif; cursor:pointer; }
.thz-strona .es-time-ticks button[aria-pressed=true] { color:#f7e7c6; text-decoration:underline; text-underline-offset:6px; }
.thz-strona .es-time-legend { display:flex; gap:8px; align-items:center; font:300 11px/1.6 Jost,system-ui,sans-serif; color:#dbcdb9; margin:20px 0 10px; }
.thz-strona .es-time-legend::before { content:''; flex:0 0 12px; height:12px; border:1px solid #e2b66f; background:#cf8a70; transform:rotate(45deg); }
.thz-strona .es-time-note { margin:0; font:300 10px/1.7 Jost,system-ui,sans-serif; color:#b7a58e; }
.thz-strona .es-atlas .es-story-index { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.thz-strona .es-story-index button { grid-template-columns:1fr 20px; padding:19px 20px; border:1px solid rgba(226,182,111,.22); border-radius:5px 20px 5px 20px; background:linear-gradient(120deg,rgba(207,138,112,.13),transparent); gap:6px 8px; }
.thz-strona .es-story-index button strong { font-size:26px; }
.thz-strona .es-story-index button small { font-size:12px; }
.thz-strona .es-story-index button .es-place-number { grid-column:1; grid-row:auto; font:400 10px Jost,system-ui,sans-serif; opacity:.7; }
.thz-strona .es-story-index button > span:last-child { grid-column:2; grid-row:1/4; }
.thz-strona .es-story-index button.es-active { border-color:#e2b66f; box-shadow:0 0 22px rgba(226,182,111,.08); }
.thz-strona .es-atlas :is(input,button):focus-visible { outline:2px solid #e2b66f; outline-offset:4px; }
.thz-strona .es-atlas .es-atlas-sidebar { min-width:0; display:flex; flex-direction:column; gap:20px; justify-content:center; }
.thz-strona .es-atlas .es-time-story { display:block; border:0; border-radius:0; background:none; box-shadow:none; }
.thz-strona .es-atlas .es-time-scene { height:72px; overflow:visible; }
.thz-strona .es-atlas .es-time-photo,.thz-strona .es-atlas .es-time-scene::after { display:none; }
.thz-strona .es-atlas .es-time-year { left:0; bottom:6px; font-size:56px; }
.thz-strona .es-atlas .es-time-text { padding:4px 0 0; min-height:185px; }
.thz-strona .es-atlas .es-time-controls { padding:18px 32px 12px; border-top:1px solid rgba(226,182,111,.18); margin:0 22px; }
.thz-strona .es-atlas .es-time-legend { margin-top:16px; }
.thz-strona .es-atlas .es-story-index { display:flex; flex-direction:column; gap:10px; }
.thz-strona .es-atlas .es-story-index button { display:grid; grid-template-columns:72px minmax(0,1fr) 20px; grid-template-rows:auto auto; padding:12px; gap:5px 15px; min-height:92px; }
.thz-strona .es-atlas .es-place-photo { grid-column:1; grid-row:1/3; width:72px; height:70px; object-fit:cover; border-radius:4px 16px 4px 16px; box-shadow:0 0 0 1px rgba(226,182,111,.2); opacity:.88; }
.thz-strona .es-atlas .es-story-index button strong { grid-column:2; grid-row:1; font-size:26px; align-self:end; overflow-wrap:normal; }
.thz-strona .es-atlas .es-story-index button small { grid-column:2; grid-row:2; align-self:start; }
.thz-strona .es-atlas .es-story-index button > span:last-child { grid-column:3; grid-row:1/3; }
.thz-strona .es-atlas .es-landscape-cutout { opacity:.83; filter:drop-shadow(0 4px 5px rgba(15,7,4,.4)); pointer-events:none; }
.thz-strona .es-facts .thz-liczby { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; background:none; border:0; overflow:visible; }
.thz-strona .es-facts .thz-karta { grid-column:span 2; min-width:0; padding:28px; border:1px solid rgba(226,182,111,.25); border-radius:6px 28px 6px 28px; background:linear-gradient(135deg,rgba(207,138,112,.17),#1b100e); box-shadow:inset 0 0 0 5px rgba(226,182,111,.025); cursor:pointer; transition:transform .2s,border-color .2s; }
.thz-strona .es-facts .thz-karta:nth-last-child(-n+2) { grid-column:span 3; }
.thz-strona .es-facts .thz-karta:hover { transform:translateY(-4px); border-color:#e2b66f; }
.thz-strona .es-facts .thz-karta:focus-visible { outline:2px solid #e2b66f; outline-offset:4px; }
.thz-strona .es-facts .es-fact-topic { margin:0 0 16px; color:#b7a58e; font:400 11px/1.6 Jost,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.12em; }
.thz-strona .es-facts .thz-karta__ile { margin:0 0 15px; font:400 52px/1.05 'Cormorant Garamond',Georgia,serif; color:#e2b66f; }
.thz-strona .es-facts .thz-karta__co { margin:0 0 15px; font:400 28px/1.15 'Cormorant Garamond',Georgia,serif; color:#f7e7c6; text-transform:none; letter-spacing:0; border:0; }
.thz-strona .es-facts .thz-karta__krotko { font:300 15px/1.7 Jost,system-ui,sans-serif; color:#dbcdb9; margin:0; }
.thz-strona .es-facts .zd-wiecej { display:block; margin-top:22px; color:#e2b66f; font:400 12px Jost,system-ui,sans-serif; text-transform:none; letter-spacing:.04em; }
body:has(.thz-strona) .zd-okno .es-fact-topic { color:#e2b66f; font:400 12px Jost,system-ui,sans-serif; }
body:has(.thz-strona) .zd-okno .thz-karta__ile { color:#e2b66f; font:400 48px 'Cormorant Garamond',Georgia,serif; margin:10px 0; }
body:has(.thz-strona) .zd-okno .thz-karta__co { color:#f7e7c6; font:400 34px/1.15 'Cormorant Garamond',Georgia,serif; text-transform:none; }
@media(max-width:1100px) {
 .thz-strona .es-atlas .es-atlas-sidebar { display:grid; grid-template-columns:1fr 1fr; align-items:start; }
 .thz-strona .es-atlas { grid-template-columns:1fr; }
 .thz-strona .es-time-story { display:grid; grid-template-columns:1fr 1fr; border-radius:32px 8px; }
 .thz-strona .es-time-scene { height:190px; grid-column:1; }
 .thz-strona .es-time-text { grid-column:1; min-height:0; padding-bottom:26px; }
 .thz-strona .es-time-controls { grid-column:2; grid-row:1/3; align-self:center; }
 .thz-strona .es-atlas .es-story-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .thz-strona .es-atlas .es-atlas-sidebar { display:flex; }
 .thz-strona .es-atlas .es-time-text { min-height:0; }
 .thz-strona .es-atlas .es-story-index { width:100%; }
 .thz-strona .es-atlas .es-time-controls { margin:0 12px; padding:18px 8px 12px; }
 .thz-strona .es-facts .thz-liczby { grid-template-columns:1fr; }
 .thz-strona .es-facts .thz-karta,.thz-strona .es-facts .thz-karta:nth-last-child(-n+2) { grid-column:1; padding:24px; }
 .thz-strona .es-atlas { padding:26px 18px 20px; gap:22px; }
 .thz-strona .es-atlas > header { padding:0 0 22px; }
 .thz-strona .es-atlas > header .eu-section-mark { position:static; width:36px; height:36px; margin-bottom:15px; }
 .thz-strona .es-atlas > header h2 { font-size:34px; }
 .thz-strona .es-atlas .eu-map-canvas { margin:0 -10px; }
 .thz-strona .es-time-story { display:block; }
 .thz-strona .es-time-text { min-height:225px; padding:18px 22px 0; }
 .thz-strona .es-time-controls { padding:14px 22px 22px; }
 .thz-strona .es-time-copy { font-size:15px; }
 .thz-strona .es-time-title { font-size:30px; }
 .thz-strona .es-atlas .es-story-index { gap:9px; }
 .thz-strona .es-story-index button { padding:15px 10px; }
 .thz-strona .es-story-index button strong { font-size:22px; overflow-wrap:anywhere; }
 .thz-strona .es-atlas .eu-place text { font-size:21px; }
 .thz-strona .es-atlas .eu-map-caption { padding:8px 14px 18px; font-size:10px; }
}


/* Full-page Iberian landscape: page-scoped, 2026-09-12. */
body:has(.thz-strona){background-color:#1b100e;background-image:linear-gradient(#1b100e33,#1b100e66),url('/wp-content/uploads/tarot-kompat/zachod/hiszpania/gfx/tlo-calosc.webp');background-position:center;background-size:cover;background-attachment:fixed}
body .thz-strona{background:linear-gradient(90deg,#1b100e22,#1b100e99 14%,#1b100eaa 50%,#1b100e99 86%,#1b100e22)!important}
body .thz-strona .thz-sekcja{background:linear-gradient(135deg,#35211bcc,#1b100ee6)!important;box-shadow:0 20px 65px #1b100e66}
@media(max-width:600px){body:has(.thz-strona){background-size:auto 100vh}body .thz-strona{background:#1b100e88!important}}


/* ===== POPRAWKA WARSTW 2026-09-12 =====
   `z-index: -1` na obu pseudoelementach wrzucal ZDJECIE POD wlasne,
   nieprzezroczyste tlo sekcji (.thz-hero ma pelny linear-gradient),
   wiec grafika nie byla widoczna w ogole. Sprawdzone na zywo.
   Pseudoelementy ida nad tlo elementu, tresc nad nie. */
.thz-sekcja--tlo::before,
.thz-sekcja--tlo::after { z-index: 0; }
.thz-sekcja--tlo > * { position: relative; z-index: 1; }


/* ===== MIT W KAFLU 2026-09-12 =====
   Naglowek kafla w sekcji „Czego nie bylo” to CUDZE falszywe zdanie.
   Ma wygladac na cytat, nie na teze strony. */
.thz-kafel__nad--mit { color: #c4826e; letter-spacing: .16em; }
.thz-kafel__mit { color: var( --tekst-slaby ); font-style: italic; }
.thz-kafel__nie { color: #c4826e; font-style: normal; letter-spacing: .04em; }

/* OKNO TEZY — przejscie tonalne.
   Wspolna warstwa daje oknu tezy plaska pobialke rgba(255,255,255,.028)
   regulami o swoistosci 0,2,0 i 0,3,0 — jedna wartosc dla wszystkich dzialow
   naraz. Dublowana klasa daje 0,4,0 i zamyka sprawe bez !important.
   Barwy sa z palety TEGO dzialu. Dopisane po stronie SERWERA, bo lokalna
   kopia modulu bywa starsza niz wgrana. */
.thz-strona .thz-hero .thz-okno.zd-okno,
.thz-strona .thz-hero .zd-okno.zd-okno,
.thz-strona .thz-hero .thz-okno.thz-okno {
	background:
		radial-gradient( 720px 240px at 42% 0%, rgba( 17, 27, 42, .10 ), transparent 70% ),
		linear-gradient( 168deg, #131a23, #080f18 );
}

/* OPIS MIEJSCA W SKOROWIDZU.
   Przycisk miał nazwę i dwa słowa podpisu, więc skorowidz mówił, DOKĄD
   prowadzi, ale nie mówił, CO tam było ani dlaczego to miejsce tu stoi.
   Zgłoszone zrzutem kafla Zugarramurdi, 2026-09-13.
   Trzeci wiersz siatki przycisku był wolny: strzałka zajmuje drugą kolumnę
   w wierszach 1–2, więc zdanie wchodzi pod podpis bez przestawiania niczego. */
/* Wariant prosty: nazwa, podpis, strzałka w drugiej kolumnie. */
.thz-strona .eu-place-list .eu-place-desc { grid-column:1; margin:8px 0 0; max-width:64ch; font:300 14px/1.62 Jost,system-ui,sans-serif; color:#c3b199; }
/* Wariant atlasu ma INNĄ siatkę: 72px zdjęcie | tekst | strzałka.
   Pierwsza wersja tej reguły wpuściła zdanie w kolumnę ZDJĘCIA i przycisk
   urosł do 766 px przy 545 px szerokości — zmierzone, nie zgadywane.
   Zdanie idzie więc w trzeci wiersz przez wszystkie kolumny, pod zdjęcie
   i pod tytuł; strzałka trzyma wiersze 1–2, więc nic się nie nakłada. */
.thz-strona .es-atlas .es-story-index button .eu-place-desc { grid-area:3 / 1 / 4 / -1; margin:10px 0 0; max-width:none; font:300 13.5px/1.6 Jost,system-ui,sans-serif; color:#c3b199; }
.thz-strona .eu-place-list button:hover .eu-place-desc,.thz-strona .eu-place-list button[aria-pressed=true] .eu-place-desc { color:#dbcdb9; }