/* KOLORYT WŁASNY TEGO DZIAŁU - Karpaty i zieleń, na której tańczą călușari; biel płótna zostaje akcentem.
   Grunt #0a1310. 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ą. */

/* Rumunia - dni pożyczone i mowa łacińska pisana cyrylicą.  Prefiks `trm-`.

   MATERIAŁ: kamień i fresk na ZEWNĘTRZNEJ ścianie. ŚWIATŁO: górskie, ostre.
   Rozpiska z `BACKLOG-EUROPA.md`. Rozróżnienie działów europejskich ma iść
   materiałem i światłem, a nie barwą.

   Fresk na zewnątrz, nie w środku - to jest w tej rozpisce rzecz kluczowa
   i nie ozdobna. Malowidło wystawione na deszcz i słońce ma inne barwy niż
   ikona trzymana w izbie: wapno przebija spod pigmentu, błękit blaknie do
   szarości, a czerwień zostaje. Dlatego sąsiadująca Ruś jest ciemna i złota
   (ikona na desce, światło zimowe), a ten dział jasniejszy i twardszy.

   Cztery barwy z rzeczy, o których dział mówi: wapno tynku, błękit fresku
   wyblakły do szarości, czerwień nici pierwszomarcowej i kamień górski.
   Czerwień jest tu AKCENTEM WRÓŻBY - pojawia się przy dniach pożyczonych
   i przy sznurku, 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. */

.trm-strona {
	--tlo: #0a1310; --panel: rgba( 20, 32, 27, .84 );
	--obrys: rgba( 195, 189, 176, .30 ); --wlos: rgba( 195, 189, 176, .14 );
	--wapno: #c3bdb0; --wapno-j: #e6e2d8;
	--blekit: #6f8aa0; --blekit-j: #9fb8cc;
	--kamien: #8e8a82; --kamien-j: #b6b2a8;
	--czerwien: #b03a2e; --czerwien-j: #d96a54;
	--cien: #4e5259; --cien-j: #7d838c;
	--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( 195, 189, 176, .16 ), transparent 72% ),
		radial-gradient( 900px 520px at 86% 40%, rgba( 111, 138, 160, .10 ), transparent 74% ),
		radial-gradient( 760px 440px at 8% 78%, rgba( 157, 68, 56, .08 ), transparent 74% ),
		linear-gradient( 180deg, #1a1c20, var( --tlo ) 48% );
	overflow-x: clip;
}
.trm-strona *, .trm-strona *::before, .trm-strona *::after { box-sizing: border-box; }

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

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

.trm-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 `trm-sekcja--tlo trm-hero`, a NIE `trm-hero--tlo`
   - nazwa modyfikatora pochodzi z `tlo()` i jest wspolna dla obu. */
.trm-sekcja--tlo::before {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background: var( --tlo ) 50% 50% / cover no-repeat; opacity: .92;
}
.trm-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 ) );
}
.trm-hero__nad {
	margin: 0 0 16px; font: 400 11px var( --sans ); letter-spacing: .3em; text-transform: uppercase;
	color: var( --etyk );
}
.trm-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  ══════════════ */

.trm-sekcja { position: relative; margin: 84px 0 0; padding: 0; }
.trm-sekcja--tlo { padding: 54px 40px 48px; border-radius: 26px; border: 1px solid var( --wlos ); overflow: hidden; }
.trm-sekcja__nad {
	margin: 0 0 12px; font: 400 11px var( --sans ); letter-spacing: .28em; text-transform: uppercase;
	color: var( --etyk );
}
.trm-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 );
}
.trm-sekcja__lead { margin: 0 0 32px; max-width: 78ch; font-size: 19px; line-height: 1.66; color: var( --tekst ); }

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

/* ══════════════  DWANAŚCIE DNI  ══════════════
   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ć. */

.trm-dni {
	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. */
.trm-dni { max-width: 1180px; }
.trm-dni__opis { max-width: 78ch; margin-left: auto; margin-right: auto; }
.trm-dni__svg { display: block; width: 100%; height: auto; overflow: visible; }

/* Słupek dnia. Szerokość równa dla wszystkich, bo żaden dzień nie jest
   ważniejszy od innego - to wybierający nadaje mu wagę, nie rysunek. */
.trm-dzien { cursor: pointer; outline: none; }
.trm-dzien__pole { fill: rgba( 195, 189, 176, .05 ); stroke: var( --wlos ); stroke-width: 1; }
.trm-dzien__nr { fill: var( --tekst-mocny ); font: 300 26px var( --serif ); text-anchor: middle; }
.trm-dzien__pogoda { fill: var( --tekst-slaby ); font: 400 10px var( --sans ); letter-spacing: .12em; text-transform: uppercase; text-anchor: middle; }
.trm-dzien__znak { fill: none; stroke: var( --blekit-j ); stroke-width: 1.4; stroke-linecap: round; }

/* Próg między rachubą krótszą a dłuższą rysujemy, a nie tylko opisujemy:
   obie są poświadczone i wybranie jednej po cichu byłoby fałszem. */
.trm-dzien.jest-dodatkowy .trm-dzien__pole { stroke-dasharray: 5 4; opacity: .72; }
.trm-prog { stroke: var( --czerwien ); stroke-width: 1; stroke-dasharray: 3 4; opacity: .7; }
.trm-prog__etyk { fill: var( --czerwien-j ); font: 400 10px var( --sans ); letter-spacing: .16em; text-transform: uppercase; }
.trm-dni__nota { fill: var( --tekst-slaby ); font: 300 13px var( --serif ); text-anchor: middle; }

.trm-dzien:hover .trm-dzien__pole,
.trm-dzien:focus-visible .trm-dzien__pole { stroke: var( --obrys ); fill: rgba( 195, 189, 176, .09 ); }
.trm-dzien.jest-wybrany .trm-dzien__pole { stroke: var( --czerwien-j ); stroke-width: 1.8; fill: rgba( 176, 58, 46, .12 ); }
.trm-dzien.jest-wybrany .trm-dzien__nr { fill: var( --czerwien-j ); }
.trm-dzien.jest-wybrany { filter: drop-shadow( 0 0 14px rgba( 217, 106, 84, .35 ) ); }

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

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

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

.trm-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;
}
.trm-kafel:hover, .trm-kafel:focus-visible { border-color: var( --obrys ); transform: translateY( -2px ); }
.trm-kafel h3 { margin: 0 0 8px; font: 300 25px / 1.18 var( --serif ); color: var( --tekst-mocny ); }
.trm-kafel p { margin: 0; font-size: 17px; line-height: 1.66; }
.trm-kafel__nad {
	display: block; margin: 0 0 10px; font: 400 10.5px var( --sans ); letter-spacing: .22em;
	text-transform: uppercase; color: var( --etyk );
}
.trm-kafel__nad i { font-style: normal; margin-right: 8px; color: var( --blekit ); }

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

.trm-pole { margin: 0 0 14px !important; padding: 12px 16px; border-radius: 12px; font-size: 16px !important; }
.trm-pole b { display: block; font: 400 10.5px var( --sans ); letter-spacing: .22em; text-transform: uppercase; margin-bottom: 5px; }
.trm-pole--zrodlo { background: rgba( 109, 122, 124, .12 ); color: var( --tekst-slaby ); }
.trm-pole--zrodlo b { color: var( --cien-j ); }
.trm-pole--zamiast { background: rgba( 157, 68, 56, .13 ); color: var( --tekst-mocny ); }
.trm-pole--zamiast b { color: var( --czerwien-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. */
.trm-rozklad {
	margin: 0 0 18px; padding: 16px 18px; border-radius: 14px;
	border: 1px solid var( --wlos ); background: rgba( 201, 169, 97, .06 );
}
.trm-rozklad__pole { display: grid; grid-template-columns: 116px 1fr; gap: 14px; padding: 7px 0; border-bottom: 1px solid var( --wlos ); }
.trm-rozklad__pole:last-child { border-bottom: 0; }
.trm-rozklad__pole b { font: 400 10.5px var( --sans ); letter-spacing: .18em; text-transform: uppercase; color: var( --blekit ); padding-top: 3px; }
.trm-rozklad__pole span { font-size: 16.5px; line-height: 1.6; color: var( --tekst ); }

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

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

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

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

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

@media ( max-width: 900px ) {
	.trm-strona { padding: 0 20px 60px; }
	.trm-hero { padding: 44px 24px 38px; }
	.trm-sekcja { margin-top: 60px; }
	.trm-sekcja--tlo { padding: 36px 22px 32px; }
	.trm-dni__opis { padding: 22px 20px; }
	.trm-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. */
	.trm-siatka, .trm-siatka--zabiegi, .trm-siatka--slowa { grid-template-columns: 1fr; }
	.trm-dzien__nr { font-size: 20px; }
	.trm-dzien__pogoda { display: none; }
}

/* 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( .trm-strona ) {
	background-color: #0a1310;
	background-image: radial-gradient( 1600px 900px at 50% 0%, rgba( 195, 189, 176, .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(.trm-strona) { --eu-bg: #091d16; --eu-light: #9cbaa1; --eu-gold: #e3c88c; --eu-ink: #d4d7c5; background-color:var(--eu-bg); }
.trm-strona { --eu-bg:#091d16; --eu-light:#9cbaa1; --eu-gold:#e3c88c; --eu-ink:#d4d7c5; --tekst:#d4d7c5; --tekst-slaby:#a6b5a2; --tekst-mocny:#f1ebd7; --etyk:#a6b5a2; background:transparent; padding:0 40px 88px; color:var(--eu-ink); }
.trm-strona .trm-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(227,200,140,.17); border-radius:24px; background:linear-gradient(90deg,#091d16 0%,rgba(9,29,22,.94) 42%,rgba(9,29,22,.72) 55%,rgba(9,29,22,.08) 78%),var(--tlo) center / cover no-repeat; box-shadow:0 24px 70px rgba(0,0,0,.23); }
.trm-strona .trm-hero::before,.trm-strona .trm-hero::after { content:none; }
.trm-strona .trm-hero > * { position:relative; z-index:1; grid-area:auto; max-width:620px; }
.trm-strona .trm-hero .trm-hero__nad { margin:0 0 24px; color:var(--eu-gold); font:400 11px/1.5 Jost,system-ui,sans-serif; letter-spacing:.23em; }
.trm-strona .trm-hero .trm-hero__tytul { font:400 clamp(58px,6vw,90px)/1.04 'Cormorant Garamond',Georgia,serif; color:#f1ebd7; max-width:700px; margin:0 0 24px; text-wrap:balance; text-shadow:0 4px 40px rgba(0,0,0,.35); }
.trm-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; }
.trm-strona .trm-hero > .trm-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; }
.trm-strona .trm-hero > .trm-okno::before,.trm-strona .trm-hero > .trm-okno::after { content:none; }
.trm-strona .trm-hero .trm-okno p { font:300 17px/1.8 Jost,system-ui,sans-serif; color:#d4d7c5; }
.trm-strona .eu-chapters { display:flex; gap:10px; overflow-x:auto; padding:20px 2px 24px; border-bottom:1px solid rgba(227,200,140,.15); scrollbar-width:thin; }
.trm-strona .eu-chapters a { display:flex; flex-shrink:0; align-items:center; min-height:44px; padding:10px 20px; border:1px solid rgba(227,200,140,.22); border-radius:999px; text-decoration:none; color:#d4d7c5; font:400 13px/1.4 Jost,system-ui,sans-serif; background:rgba(25,56,43,.5); transition:transform .2s; }
.trm-strona .eu-chapters a:hover { color:#f1ebd7; border-color:var(--eu-gold); transform:translateY(-2px); }
.trm-strona .trm-sekcja { margin-top:64px; padding:40px 36px; border:1px solid rgba(227,200,140,.15); border-radius:24px; background:linear-gradient(130deg,rgba(25,56,43,.56),rgba(9,29,22,.12)); isolation:isolate; scroll-margin-top:125px; }
.trm-strona .trm-sekcja.eu-illustrated { background:linear-gradient(180deg,transparent 160px,var(--eu-bg) 440px),linear-gradient(90deg,var(--eu-bg) 14%,rgba(9,29,22,.94) 37%,rgba(9,29,22,.25)),var(--eu-image) right top/auto 440px no-repeat; }
.trm-strona .trm-sekcja__tytul { font:400 clamp(32px,3vw,46px)/1.14 'Cormorant Garamond',Georgia,serif; max-width:26ch; color:#f1ebd7; text-wrap:balance; margin:0 0 20px; }
.trm-strona .trm-sekcja__lead { font:300 17px/1.75 Jost,system-ui,sans-serif; max-width:64ch; color:#d4d7c5; margin:0 0 32px; }
.trm-strona .trm-sekcja__nad { font:400 11px/1.5 Jost,system-ui,sans-serif; color:var(--eu-gold); margin:0 0 14px; letter-spacing:.18em; }
.trm-strona .trm-przerywnik { margin:44px 0 -20px; color:var(--eu-light); opacity:.32; }
.trm-strona .trm-kafel { padding:28px; background:linear-gradient(145deg,rgba(25,56,43,.97),var(--eu-bg)); border:1px solid rgba(156,186,161,.2); border-radius:16px; box-shadow:0 14px 28px rgba(0,0,0,.18); min-width:0; transition:transform .22s; }
.trm-strona .trm-kafel:hover { transform:translateY(-4px); border-color:var(--eu-gold); box-shadow:0 18px 38px rgba(0,0,0,.25),0 0 28px rgba(156,186,161,.1); }
.trm-strona .trm-kafel h3 { font:400 28px/1.16 'Cormorant Garamond',Georgia,serif; color:#f1ebd7; margin:12px 0; }
.trm-strona .trm-kafel p { font:300 16px/1.75 Jost,system-ui,sans-serif; color:#d4d7c5; }
.trm-strona .trm-kafel__nad { color:var(--eu-light); font:400 11px/1.65 Jost,system-ui,sans-serif; letter-spacing:.12em; }
.trm-strona .zd-wiecej { display:block; padding-top:20px; margin-top:20px; border-top:1px solid rgba(227,200,140,.2); color:var(--eu-gold); font:400 11px/1.4 Jost,system-ui,sans-serif; letter-spacing:.14em; }
.trm-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); }
.trm-strona .eu-carousel { position:relative; padding-bottom:62px; }
.trm-strona .eu-carousel .trm-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; }
.trm-strona .eu-carousel .trm-siatka::-webkit-scrollbar { display:none; }
.trm-strona .eu-carousel .trm-kafel { flex:0 0 calc((100% - 40px)/3); scroll-snap-align:start; }
.trm-strona .eu-controls { position:absolute; bottom:0; right:0; left:0; display:flex; align-items:center; gap:12px; }
.trm-strona .eu-controls button { width:46px; height:46px; padding:0; border:1px solid rgba(227,200,140,.38); border-radius:50%; color:var(--eu-gold); background:var(--eu-bg); font:300 24px/1 Jost,system-ui,sans-serif; cursor:pointer; }
.trm-strona .eu-controls button:disabled { opacity:.3; cursor:default; }
.trm-strona .eu-controls button:not(:disabled):hover { background:#19382b; border-color:var(--eu-gold); }
.trm-strona .eu-count { font:400 11px/1.5 Jost,system-ui,sans-serif; color:#a6b5a2; letter-spacing:.12em; margin:0 auto 0 0; }
.trm-strona .eu-progress { flex:1; max-width:180px; height:2px; background:rgba(227,200,140,.16); overflow:hidden; margin-right:20px; }
.trm-strona .eu-progress span { display:block; height:100%; width:100%; background:var(--eu-gold); transform-origin:left; }
.trm-strona .eu-map { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:28px 40px; }
.trm-strona .eu-map header { grid-column:1/-1; }
.trm-strona .eu-map header p { margin-bottom:0; }
.trm-strona .eu-map-canvas { min-width:0; position:relative; overflow:hidden; border-radius:18px; background:radial-gradient(ellipse at center,rgba(156,186,161,.13),transparent 72%); }
.trm-strona .eu-map svg { display:block; width:100%; height:auto; }
.trm-strona .eu-map .eu-land { fill:rgba(156,186,161,.12); stroke:var(--eu-light); stroke-width:1.4; vector-effect:non-scaling-stroke; }
.trm-strona .eu-map .eu-neighbor { fill:rgba(156,186,161,.035); stroke:rgba(156,186,161,.17); stroke-width:.8; }
.trm-strona .eu-grid { stroke:rgba(156,186,161,.06); stroke-width:1; }
.trm-strona .eu-map .eu-place { cursor:pointer; outline:none; }
.trm-strona .eu-place .eu-halo { fill:rgba(227,200,140,.08); stroke:rgba(227,200,140,.28); stroke-width:1; }
.trm-strona .eu-place .eu-dot { fill:var(--eu-gold); filter:drop-shadow(0 0 5px rgba(227,200,140,.5)); }
.trm-strona .eu-place text { fill:#d4d7c5; font:400 13px Jost,system-ui,sans-serif; paint-order:stroke; stroke:var(--eu-bg); stroke-width:5px; stroke-linejoin:round; }
.trm-strona .eu-place:hover .eu-halo,.trm-strona .eu-place:focus-visible .eu-halo,.trm-strona .eu-place[aria-pressed=true] .eu-halo { stroke:var(--eu-gold); fill:rgba(227,200,140,.2); stroke-width:2; }
.trm-strona .eu-map-caption { font:300 11px/1.6 Jost,system-ui,sans-serif; color:#a6b5a2; margin:0; }
.trm-strona .eu-map-caption a { color:#a6b5a2; }
.trm-strona .eu-place-list { display:flex; flex-direction:column; justify-content:center; gap:0; }
.trm-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(227,200,140,.16); border-radius:0; padding:22px 8px; text-align:left; cursor:pointer; color:#f1ebd7; }
.trm-strona .eu-place-list strong { font:400 28px/1.1 'Cormorant Garamond',Georgia,serif; }
.trm-strona .eu-place-list small { grid-column:1; font:300 13px/1.5 Jost,system-ui,sans-serif; color:#a6b5a2; }
.trm-strona .eu-place-list span { grid-column:2; grid-row:1/3; align-self:center; color:var(--eu-gold); font-size:22px; }
.trm-strona .eu-place-list button:hover,.trm-strona .eu-place-list button[aria-pressed=true] { background:linear-gradient(90deg,rgba(156,186,161,.12),transparent); }
.trm-strona .eu-study { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:32px; align-items:start; margin-top:32px; }
.trm-strona .eu-study .trm-lejek__opis,.trm-strona .eu-study .trm-dni__opis { margin:0; padding:28px; max-width:none; background:linear-gradient(140deg,rgba(25,56,43,.96),var(--eu-bg)); border:1px solid rgba(227,200,140,.25); border-radius:16px; box-shadow:0 24px 50px rgba(0,0,0,.2); }
.trm-strona .eu-study p { font:300 16px/1.75 Jost,system-ui,sans-serif; color:#d4d7c5; }
.trm-strona .eu-study h3 { color:#f1ebd7; font:400 30px/1.15 'Cormorant Garamond',Georgia,serif; }
.trm-strona .eu-study-buttons { display:grid; gap:12px; }
.trm-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(156,186,161,.24); border-radius:12px; background:linear-gradient(90deg,rgba(156,186,161,.15),rgba(9,29,22,.95)); color:#d4d7c5; cursor:pointer; }
.trm-strona .eu-study-buttons strong { font:400 38px/1 'Cormorant Garamond',Georgia,serif; color:var(--eu-light); }
.trm-strona .eu-study-buttons span { font:300 14px/1.5 Jost,system-ui,sans-serif; }
.trm-strona .eu-study-buttons button[aria-pressed=true] { border-color:var(--eu-gold); background:linear-gradient(90deg,rgba(227,200,140,.15),var(--eu-bg)); box-shadow:0 0 24px rgba(227,200,140,.08); }
.trm-strona .eu-study-buttons button[aria-pressed=true] strong { color:var(--eu-gold); }
.trm-strona .eu-study-days { grid-template-columns:repeat(4,1fr); }
.trm-strona .eu-study-days button { display:flex; flex-direction:column; gap:10px; text-align:center; min-height:120px; padding:18px 7px; }
.trm-strona .eu-study-days button.eu-extra { border-style:dashed; }
.trm-strona .eu-study-days span { font-size:12px; }
.trm-strona .eu-study-note { grid-column:1/-1; margin:0; font:300 12px/1.7 Jost,system-ui,sans-serif; color:#a6b5a2; }
.trm-strona .eu-original-diagram { display:none; }
.trm-strona .trm-liczby { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.trm-strona .trm-karta { background:linear-gradient(140deg,rgba(227,200,140,.11),transparent); border:0; border-left:2px solid var(--eu-light); border-radius:0 16px 16px 0; padding:24px 18px; }
.trm-strona .trm-karta__ile { color:var(--eu-gold); }
.trm-strona .trm-karta__krotko { font:300 14px/1.7 Jost,system-ui,sans-serif; }
body:has(.trm-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(.trm-strona) > .zd-tlo .zd-okno { --o-tekst:#d4d7c5; --o-mocny:#f1ebd7; --o-etyk:#e3c88c; --o-slaby:#a6b5a2; --k:#9cbaa1; width:min(860px,100%); max-height:88dvh; border:1px solid rgba(227,200,140,.4); border-top:2px solid var(--eu-gold); border-radius:20px; background:radial-gradient(ellipse at right top,rgba(156,186,161,.15),transparent 55%),var(--eu-bg); box-shadow:0 36px 100px rgba(0,0,0,.55),0 0 65px rgba(156,186,161,.09); }
body:has(.trm-strona) > .zd-tlo .zd-okno__x { width:46px; height:46px; z-index:5; background:var(--eu-bg); border-color:var(--eu-gold); color:#f1ebd7; }
body:has(.trm-strona) > .zd-tlo .zd-okno__gora { padding-right:45px; }
body:has(.trm-strona) > .zd-tlo .eu-card-art { display:block; width:100%; height:240px; object-fit:cover; border-radius:12px; margin:0 0 28px; }
body:has(.trm-strona) > .zd-tlo .zd-okno__pelne p { font:300 17px/1.8 Jost,system-ui,sans-serif; }
body:has(.trm-strona) > .zd-tlo [class*='-rozklad__pole'] { display:grid; grid-template-columns:120px 1fr; gap:15px; border-bottom:1px solid rgba(227,200,140,.14); padding:10px 0; }
body:has(.trm-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(.trm-strona) > .zd-tlo [class*='-rozklad__pole'] span { font:300 16px/1.7 Jost,system-ui,sans-serif; }
body:has(.trm-strona) > .zd-tlo [class*='-pole--zrodlo'] { border-left:2px solid var(--eu-light); }
body:has(.trm-strona) :is(.eu-chapters a,.eu-controls button,.eu-place-list button,.eu-study-buttons button,.zd-okno__x,.trm-kafel):focus-visible { outline:2px solid var(--eu-gold); outline-offset:4px; }
.trm-strona .eu-art-note { font:300 11px/1.7 Jost,system-ui,sans-serif; color:#a6b5a2; margin:40px 0 0; max-width:70ch; }
@media(min-width:1800px) { .trm-strona .trm-hero { min-height:620px; } }
@media(max-width:1100px) {
 .trm-strona .trm-hero { padding:44px 32px; }
 .trm-strona .trm-hero > .trm-okno { max-width:55%; }
 .trm-strona .trm-hero .trm-okno p { font-size:16px; }
 .trm-strona .eu-carousel .trm-kafel { flex-basis:calc((100% - 20px)/2); }
 .trm-strona .eu-study { grid-template-columns:1fr; }
 .trm-strona .eu-study-days { grid-template-columns:repeat(6,1fr); }
 .trm-strona .trm-liczby { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .trm-strona { padding:0 18px 60px; }
 .trm-strona .trm-hero { margin-top:18px; padding:240px 26px 32px; min-height:0; background:linear-gradient(180deg,rgba(9,29,22,.02) 0,var(--eu-bg) 340px),var(--tlo) 65% top/auto 420px no-repeat; }
 .trm-strona .trm-hero .trm-hero__nad { margin-bottom:14px; }
 .trm-strona .trm-hero .trm-hero__tytul { font-size:58px; max-width:100%; margin-bottom:20px; }
 .trm-strona .trm-hero > .trm-okno { max-width:100%; }
 .trm-strona .eu-subtitle { font-size:25px; }
 .trm-strona .trm-sekcja { padding:30px 24px; margin-top:40px; border-radius:20px; scroll-margin-top:105px; }
 .trm-strona .trm-sekcja.eu-illustrated { background:linear-gradient(180deg,rgba(9,29,22,.78),var(--eu-bg) 360px),var(--eu-image) right top/auto 360px no-repeat; }
 .trm-strona .eu-map { grid-template-columns:1fr; gap:20px; }
 .trm-strona .eu-map-canvas { margin:0 -18px; }
 .trm-strona .eu-place-list { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
 .trm-strona .eu-place-list strong { font-size:23px; }
 .trm-strona .eu-place-list button { padding:16px 4px; }
 .trm-strona .eu-study-days { grid-template-columns:repeat(4,1fr); }
 .trm-strona .eu-study-buttons button { grid-template-columns:78px 1fr; gap:14px; padding:18px; }
 .trm-strona .eu-study-days button { padding:14px 6px; }
 .trm-strona .trm-liczby { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.trm-strona) > .zd-tlo { padding:12px; }
 body:has(.trm-strona) > .zd-tlo .zd-okno { max-height:92dvh; }
 body:has(.trm-strona) > .zd-tlo .eu-card-art { height:170px; }
 body:has(.trm-strona) > .zd-tlo [class*='-rozklad__pole'] { grid-template-columns:1fr; gap:4px; }
}
@media(max-width:580px) {
 .trm-strona .eu-carousel .eu-card-art { display:none; }
 .trm-strona .eu-carousel .trm-kafel { flex-basis:88%; padding:24px; }
 .trm-strona .eu-card-art { width:calc(100% + 48px); margin:-24px -24px 20px; }
 .trm-strona .trm-sekcja__lead { font-size:16px; }
 .trm-strona .eu-study-days { grid-template-columns:repeat(3,1fr); }
 .trm-strona .eu-study-buttons strong { font-size:32px; }
 .trm-strona .eu-study .trm-lejek__opis,.trm-strona .eu-study .trm-dni__opis { padding:22px; }
 .trm-strona .eu-progress { max-width:70px; margin-right:0; }
 .trm-strona .eu-place-list { grid-template-columns:1fr; }
}
.trm-strona .trm-hero > .trm-okno { padding:0!important; background:none!important; border-radius:0!important; box-shadow:none!important; }
@media(prefers-reduced-motion:reduce) {
 .trm-strona *,body:has(.trm-strona) > .zd-tlo,body:has(.trm-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(.trm-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%23bd6255%22%20fill%3D%22none%22%20stroke-width%3D%222.3%22%3E%3Cpath%20d%3D%22M50%209V17H42V25H34V33H26V41H18V50H26V59H34V67H42V75H50V83H58V75H66V67H74V59H82V50H74V41H66V33H58V25H50V17%22%2F%3E%3Cpath%20d%3D%22M50%2032%2068%2050%2050%2068%2032%2050Z%20M50%2042%2058%2050%2050%2058%2042%2050Z%22%2F%3E%3Cpath%20d%3D%22M12%2020%2020%2028M20%2020%2012%2028M80%2020%2088%2028M88%2020%2080%2028M12%2072%2020%2080M20%2072%2012%2080M80%2072%2088%2080M88%2072%2080%2080%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%205H100M0%2095H100%22%20stroke%3D%22%23e3c88c%22%20stroke-width%3D%221%22%20stroke-dasharray%3D%222%205%22%2F%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%23e3c88c%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M50%209V17H42V25H34V33H26V41H18V50H26V59H34V67H42V75H50V83H58V75H66V67H74V59H82V50H74V41H66V33H58V25H50V17%22%2F%3E%3Cpath%20d%3D%22M50%2032%2068%2050%2050%2068%2032%2050Z%20M50%2042%2058%2050%2050%2058%2042%2050Z%22%2F%3E%3Cpath%20d%3D%22M12%2020%2020%2028M20%2020%2012%2028M80%2020%2088%2028M88%2020%2080%2028M12%2072%2020%2080M20%2072%2012%2080M80%2072%2088%2080M88%2072%2080%2080%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-image:radial-gradient(ellipse at 10% 9%,rgba(91,139,81,.16),transparent 48%),linear-gradient(120deg,#091d16,#19382b 54%,#091d16); background-attachment:fixed; }
.trm-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%23bd6255%22%20fill%3D%22none%22%20stroke-width%3D%222.3%22%3E%3Cpath%20d%3D%22M50%209V17H42V25H34V33H26V41H18V50H26V59H34V67H42V75H50V83H58V75H66V67H74V59H82V50H74V41H66V33H58V25H50V17%22%2F%3E%3Cpath%20d%3D%22M50%2032%2068%2050%2050%2068%2032%2050Z%20M50%2042%2058%2050%2050%2058%2042%2050Z%22%2F%3E%3Cpath%20d%3D%22M12%2020%2020%2028M20%2020%2012%2028M80%2020%2088%2028M88%2020%2080%2028M12%2072%2020%2080M20%2072%2012%2080M80%2072%2088%2080M88%2072%2080%2080%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%205H100M0%2095H100%22%20stroke%3D%22%23e3c88c%22%20stroke-width%3D%221%22%20stroke-dasharray%3D%222%205%22%2F%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%23e3c88c%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M50%209V17H42V25H34V33H26V41H18V50H26V59H34V67H42V75H50V83H58V75H66V67H74V59H82V50H74V41H66V33H58V25H50V17%22%2F%3E%3Cpath%20d%3D%22M50%2032%2068%2050%2050%2068%2032%2050Z%20M50%2042%2058%2050%2050%2058%2042%2050Z%22%2F%3E%3Cpath%20d%3D%22M12%2020%2020%2028M20%2020%2012%2028M80%2020%2088%2028M88%2020%2080%2028M12%2072%2020%2080M20%2072%2012%2080M80%2072%2088%2080M88%2072%2080%2080%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.trm-strona .trm-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(3,15,8,.45),0 0 90px rgba(91,139,81,.16); position:relative; }
.trm-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; }
.trm-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 #091d16); }
.trm-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); }
.trm-strona .trm-hero .trm-hero__tytul { font-size:clamp(64px,7vw,102px); letter-spacing:-.02em; text-shadow:0 3px 34px rgba(3,15,8,.45); }
.trm-strona .trm-hero .trm-hero__nad { display:flex; align-items:center; gap:14px; }
.trm-strona .trm-hero .trm-hero__nad::before { content:''; width:35px; height:35px; background:var(--eu-seal) center/contain no-repeat; }
.trm-strona .eu-chapters a { border-radius:6px 18px 6px 18px; box-shadow:inset 0 1px color-mix(in srgb,var(--eu-gold) 10%,transparent); }
.trm-strona .eu-chapters a:first-child { color:var(--eu-gold); border-color:color-mix(in srgb,var(--eu-gold) 55%,transparent); }
.trm-strona .trm-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(3,15,8,.45); }
.trm-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(91,139,81,.16)); }
.trm-strona .eu-section-mark svg { display:block; width:100%; height:100%; }
.trm-strona .trm-sekcja__nad { display:none; }
.trm-strona .trm-sekcja__tytul { max-width:29ch; }
.trm-strona .trm-przerywnik { display:none; }
.trm-strona .trm-sekcja::before,.trm-strona .trm-sekcja::after { content:none; }
.trm-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; }
.trm-strona .eu-divider::before,.trm-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; }
.trm-strona .eu-divider::after { transform:scaleX(-1); }
.trm-strona .eu-divider svg { width:50px; height:50px; flex-shrink:0; }
.trm-strona .trm-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(3,15,8,.45); }
.trm-strona .trm-kafel:hover { box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--eu-gold) 5%,transparent),0 20px 45px rgba(3,15,8,.45),0 0 24px rgba(91,139,81,.16); }
.trm-strona .eu-card-corner { position:absolute; pointer-events:none; width:40px; height:40px; bottom:12px; right:12px; opacity:.4; color:var(--eu-gold); }
.trm-strona .eu-card-corner svg { width:100%; height:100%; }
.trm-strona .zd-wiecej { padding-right:42px; }
.trm-strona .eu-map-canvas { border:1px solid color-mix(in srgb,var(--eu-gold) 22%,transparent); background-image:radial-gradient(ellipse at center,rgba(91,139,81,.16),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; }
.trm-strona .eu-map-caption { padding:12px 20px 20px; font-size:12px; }
.trm-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(3,15,8,.45)); }
.trm-strona .eu-map .eu-neighbor { stroke:color-mix(in srgb,var(--eu-light) 22%,transparent); }
.trm-strona .eu-compass { color:var(--eu-gold); opacity:.5; pointer-events:none; }
.trm-strona .eu-compass text { font:400 13px Jost, sans-serif; fill:var(--eu-gold); stroke:none; }
.trm-strona .eu-place-list button { padding-left:18px; border-bottom-style:solid; }
.trm-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); }
.trm-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(91,139,81,.16); }
.trm-strona .eu-study .trm-lejek__opis,.trm-strona .eu-study .trm-dni__opis { border-top-width:3px; border-radius:5px 24px 5px 24px; }
body:has(.trm-strona) > .zd-tlo { background:color-mix(in srgb,#091d16 83%,transparent); }
body:has(.trm-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(3,15,8,.45),0 0 80px rgba(91,139,81,.16); }
body:has(.trm-strona) > .zd-tlo .zd-okno__pelne { border-image:none; border-top:1px solid color-mix(in srgb,var(--eu-gold) 30%,transparent); }
body:has(.trm-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(.trm-strona) > .zd-tlo .eu-card-corner { display:none; }
@media(max-width:800px) {
 .trm-strona .trm-hero { border-radius:52px 18px 18px 18px; padding:245px 26px 65px; }
 .trm-strona .eu-hero-frame { inset:9px; border-radius:43px 10px 10px 10px; }
 .trm-strona .eu-hero-frame::before { display:none; }
 .trm-strona .eu-hero-frame::after { left:12px; right:12px; height:22px; background-size:24px 24px; }
 .trm-strona .trm-hero .trm-hero__tytul { font-size:64px; }
 .trm-strona .trm-sekcja { border-radius:5px 22px 5px 22px; }
 .trm-strona .eu-divider { gap:16px; margin:28px 4px -20px; }
 .trm-strona .eu-divider svg { width:40px; height:40px; }
 .trm-strona .eu-map-canvas { margin:0 -12px; border-radius:38px 6px 38px 6px; }
 .trm-strona .eu-section-mark { width:36px; height:36px; margin-bottom:15px; }
}
@media(prefers-reduced-motion:reduce) { body:has(.trm-strona) { background-attachment:scroll; } }

/* Romania's illustrated reading atlas. */
.trm-strona .ro-atlas { gap:28px 26px; grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr); padding:42px 36px 32px; background:radial-gradient(ellipse at 20% 40%,rgba(85,112,81,.22),transparent 65%),linear-gradient(145deg,#19382b,#091d16 85%); border-color:rgba(227,200,140,.34); box-shadow:inset 0 0 0 7px rgba(227,200,140,.025),0 32px 85px rgba(3,15,8,.5); }
.trm-strona .ro-atlas > header { position:relative; padding-bottom:20px; border-bottom:1px solid rgba(227,200,140,.15); }
.trm-strona .ro-atlas > header .eu-section-mark { position:absolute; left:0; top:4px; margin:0; width:50px; height:50px; }
.trm-strona .ro-atlas > header h2,.trm-strona .ro-atlas > header p { margin-left:74px; }
.trm-strona .ro-atlas .ro-ridge-shadow { fill:none; stroke:#07150f; stroke-width:42px; stroke-linejoin:round; stroke-linecap:round; opacity:.4; filter:blur(9px); }
.trm-strona .ro-atlas .ro-ridge-peak { opacity:.65; }
.trm-strona .ro-atlas .ro-landscape-cutout { opacity:.94; filter:drop-shadow(0 4px 4px rgba(3,15,8,.5)); pointer-events:none; }
.trm-strona .ro-atlas > header h2 { max-width:none; font-size:clamp(34px,3.2vw,48px); }
.trm-strona .ro-atlas > header p { max-width:78ch; font-size:16px; }
.trm-strona .ro-atlas .eu-map-canvas { overflow:hidden; align-self:stretch; border-radius:12px; border-color:rgba(227,200,140,.2); background:radial-gradient(ellipse at 35% 30%,rgba(85,112,81,.32),transparent 70%),#0b211a; box-shadow:inset 0 0 60px rgba(3,15,8,.45),0 12px 24px rgba(3,15,8,.24); display:flex; flex-direction:column; justify-content:center; }
.trm-strona .ro-atlas .ro-atlas-drawing { flex:0 0 auto; width:100%; height:auto; overflow:visible; }
.trm-strona .ro-atlas .eu-grid { opacity:.25; }
.trm-strona .ro-atlas .eu-neighbor { fill:rgba(156,186,161,.025); stroke:rgba(156,186,161,.15); stroke-width:.8; }
.trm-strona .ro-atlas .eu-land { fill:url(#trm-atlas-land); stroke:url(#trm-atlas-edge); stroke-width:1.5; filter:drop-shadow(0 8px 9px rgba(3,15,8,.7)); }
.trm-strona .ro-atlas .ro-atlas-relief-edge { fill:#07150f; stroke:rgba(227,200,140,.2); stroke-width:1; transform:translate(0,5px); }
.trm-strona .ro-atlas .ro-danube { fill:none; stroke:#8fbfba; stroke-width:1.7; stroke-linecap:round; }
.trm-strona .ro-atlas .ro-danube-glow { fill:none; stroke:#8fbfba; stroke-width:7; opacity:.12; }
.trm-strona .ro-atlas .ro-country-name { fill:#e3c88c; opacity:.24; font:400 26px 'Cormorant Garamond',Georgia,serif; letter-spacing:7px; }
.trm-strona .ro-atlas .ro-water-name { fill:#8fbfba; opacity:.8; font:italic 13px 'Cormorant Garamond',Georgia,serif; letter-spacing:1px; }
.trm-strona .ro-atlas .ro-cartouche { fill:none; stroke:rgba(227,200,140,.14); stroke-width:.7; }
.trm-strona .ro-atlas .ro-cartouche-corners { fill:none; stroke:#e3c88c; stroke-width:1; opacity:.6; }
.trm-strona .ro-atlas .eu-place .eu-halo { fill:#19382b; stroke:#e3c88c; stroke-width:1; filter:drop-shadow(0 3px 7px rgba(3,15,8,.65)); }
.trm-strona .ro-atlas .eu-place .eu-dot { fill:#f1ebd7; r:2.5px; }
.trm-strona .ro-atlas .ro-pin-diamond { fill:rgba(227,200,140,.12); stroke:#e3c88c; stroke-width:1.1; }
.trm-strona .ro-atlas .ro-pin-ring { fill:none; stroke:#e3c88c; stroke-width:.8; stroke-dasharray:1 5; opacity:.6; transform-box:fill-box; transform-origin:center; transition:transform .3s,opacity .3s; }
.trm-strona .ro-atlas .ro-pin-label { fill:#0b211a; fill-opacity:.92; stroke:rgba(227,200,140,.3); stroke-width:.5; }
.trm-strona .ro-atlas .eu-place text { fill:#f1ebd7; stroke:none; font:400 17px 'Cormorant Garamond',Georgia,serif; letter-spacing:.15px; }
.trm-strona .ro-atlas .eu-place:is(:hover,:focus-visible,.ro-highlight,[aria-pressed=true]) .ro-pin-ring { opacity:1; transform:scale(1.13); stroke-width:1.2; }
.trm-strona .ro-atlas .eu-place:is(:hover,:focus-visible,.ro-highlight,[aria-pressed=true]) .eu-halo { fill:#557051; stroke-width:1.5; }
.trm-strona .ro-atlas .eu-place:is(:hover,:focus-visible,.ro-highlight,[aria-pressed=true]) .ro-pin-label { stroke:#e3c88c; stroke-width:1; }
.trm-strona .ro-atlas .eu-place-list { gap:12px; justify-content:center; }
.trm-strona .ro-atlas .eu-place-list button { position:relative; overflow:hidden; display:grid; grid-template-columns:84px minmax(0,1fr) 24px; grid-template-rows:auto auto; align-content:center; gap:6px 18px; padding:15px 18px 15px 12px; min-height:112px; background:linear-gradient(110deg,rgba(85,112,81,.18),rgba(9,29,22,.9)); border:1px solid rgba(227,200,140,.2); border-radius:6px 20px 6px 20px; box-shadow:inset 0 0 0 4px rgba(227,200,140,.025),0 8px 20px rgba(3,15,8,.2); transition:transform .22s,box-shadow .22s; }
.trm-strona .ro-atlas .eu-place-list button .ro-place-photo { display:block; grid-column:1; grid-row:1/3; width:84px; height:82px; object-fit:cover; border-radius:3px 13px 3px 13px; opacity:.83; filter:saturate(.7); box-shadow:0 0 0 1px rgba(227,200,140,.25); transition:opacity .22s,filter .22s; }
.trm-strona .ro-atlas .eu-place-list strong { grid-column:2; grid-row:1; align-self:end; font:400 clamp(23px,2vw,29px)/1.1 'Cormorant Garamond',Georgia,serif; color:#f1ebd7; }
.trm-strona .ro-atlas .eu-place-list small { grid-column:2; grid-row:2; align-self:start; font:300 13px/1.5 Jost,system-ui,sans-serif; color:#c7cfbc; }
.trm-strona .ro-atlas .eu-place-list .ro-place-arrow { grid-column:3; grid-row:1/3; color:#e3c88c; font-size:23px; }
.trm-strona .ro-atlas .eu-place-list button:is(:hover,:focus-visible,.ro-highlight,[aria-pressed=true]) { transform:translateX(-4px); border-color:#e3c88c; background:linear-gradient(110deg,rgba(85,112,81,.34),#091d16); box-shadow:inset 0 0 0 4px rgba(227,200,140,.04),0 0 28px rgba(156,186,161,.08); }
.trm-strona .ro-atlas .eu-place-list button:is(:hover,:focus-visible,.ro-highlight,[aria-pressed=true]) .ro-place-photo { opacity:1; filter:saturate(1); }
.trm-strona .ro-atlas-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; margin:4px 20px 0; padding:17px 0 12px; border-top:1px solid rgba(227,200,140,.17); color:#c7cfbc; font:300 12px Jost,system-ui,sans-serif; }
.trm-strona .ro-atlas-legend span { display:flex; align-items:center; gap:8px; }
.trm-strona .ro-atlas-legend span::before { content:''; width:7px; height:7px; border:1px solid #e3c88c; transform:rotate(45deg); }
.trm-strona .ro-atlas-legend .ro-legend-1::before { width:12px; height:10px; transform:none; border:0; background:linear-gradient(135deg,transparent 48%,#9cbaa1 49% 58%,transparent 59%),linear-gradient(45deg,transparent 48%,#9cbaa1 49% 58%,transparent 59%); }
.trm-strona .ro-atlas-legend .ro-legend-2::before { width:16px; height:3px; border:0; transform:none; background:#8fbfba; border-radius:50%; }
.trm-strona .ro-atlas .eu-map-caption { font-size:11px; text-align:center; padding:5px 24px 20px; line-height:1.65; }
.trm-strona .ro-atlas .eu-compass { opacity:.6; }
@media(max-width:1100px) {
 .trm-strona .ro-atlas { grid-template-columns:1fr; }
 .trm-strona .ro-atlas .eu-place-list { display:grid; grid-template-columns:1fr 1fr; }
 .trm-strona .ro-atlas .eu-map-canvas { max-width:800px; width:100%; justify-self:center; }
}
@media(max-width:600px) {
 .trm-strona .ro-atlas { padding:26px 18px 20px; gap:22px; }
 .trm-strona .ro-atlas > header .eu-section-mark { position:static; width:35px; height:35px; margin:0 0 15px; }
 .trm-strona .ro-atlas > header h2,.trm-strona .ro-atlas > header p { margin-left:0; }
 .trm-strona .ro-atlas > header h2 { font-size:34px; }
 .trm-strona .ro-atlas .eu-map-canvas { margin:0 -10px; width:calc(100% + 20px); max-width:none; }
 .trm-strona .ro-atlas .eu-place-list { grid-template-columns:1fr; gap:10px; }
 .trm-strona .ro-atlas .eu-place-list button { min-height:100px; grid-template-columns:70px minmax(0,1fr) 18px; gap:5px 12px; padding:12px; }
 .trm-strona .ro-atlas .eu-place-list button .ro-place-photo { width:70px; height:72px; }
 .trm-strona .ro-atlas .eu-place-list strong { font-size:25px; }
 .trm-strona .ro-atlas .eu-place text { font-size:21px; }
 .trm-strona .ro-atlas .ro-pin-label { fill-opacity:.96; }
 .trm-strona .ro-atlas-legend { font-size:11px; gap:10px 15px; margin:0 10px; padding-top:12px; }
 .trm-strona .ro-atlas .eu-map-caption { padding:5px 14px 15px; }
}
@media(prefers-reduced-motion:reduce) { .trm-strona .ro-atlas * { transition:none!important; } }


/* Full-page Romanian landscape: page-scoped, 2026-09-12. */
body:has(.trm-strona){background-color:#091d16;background-image:linear-gradient(#091d1633,#091d1666),url('/wp-content/uploads/tarot-kompat/wschod-europy/rumunia/gfx/tlo-calosc.webp');background-position:center;background-size:cover;background-attachment:fixed}
body .trm-strona{background:linear-gradient(90deg,#091d1622,#091d1688 14%,#091d1699 50%,#091d1688 86%,#091d1622)!important}
body .trm-strona .trm-sekcja{background:linear-gradient(135deg,#19382bcc,#091d16e6)!important;box-shadow:0 20px 65px #07150f66}
@media(max-width:600px){body:has(.trm-strona){background-size:auto 100vh}body .trm-strona{background:#091d1677!important}}


/* ===== POPRAWKA WARSTW 2026-09-12 =====
   `z-index: -1` na obu pseudoelementach wrzucal ZDJECIE POD wlasne,
   nieprzezroczyste tlo sekcji (.trm-hero ma pelny linear-gradient),
   wiec grafika nie byla widoczna w ogole. Sprawdzone na zywo.
   Pseudoelementy ida nad tlo elementu, tresc nad nie. */
.trm-sekcja--tlo::before,
.trm-sekcja--tlo::after { z-index: 0; }
.trm-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. */
.trm-kafel__nad--mit { color: #c4826e; letter-spacing: .16em; }
.trm-kafel__mit { color: var( --tekst-slaby ); font-style: italic; }
.trm-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. */
.trm-strona .trm-hero .trm-okno.zd-okno,
.trm-strona .trm-hero .zd-okno.zd-okno,
.trm-strona .trm-hero .trm-okno.trm-okno {
	background:
		radial-gradient( 720px 240px at 42% 0%, rgba( 20, 32, 27, .10 ), transparent 70% ),
		linear-gradient( 168deg, #151e1b, #0a1310 );
}