/* Magia i rytuał — oś praktyk Atlasu.
 *
 * Barwy wzięte z tła Przema: głęboki fiolet nocy, mgła, złoto świecy.
 * Podłoże to nie czerń, tylko fiolet zbity prawie do czarnego — ma być
 * pracownia po zgaszeniu lamp, nie ekran.
 *
 * Tła są KADRAMI z jednej grafiki: świeca z kryształami pod sekcją
 * współrzędnych, sfera armilarna z księgami pod mapą praktyk, koło
 * z półksiężycem za nagłówkiem. Kadr, nie cały obraz, i zawsze wygaszony
 * maską ku środkowi, żeby tekst leżał na ciemnym.
 *
 * Zdobienie tej strony to PORTOLAN: cienkie złote linie prowadzące od hasła
 * do trzech współrzędnych, jak linie rumbów na mapie żeglarskiej. Mówi
 * o czym strona jest — o współrzędnych — i nie ma go nigdzie indziej. */

.tmr-strona {
	--tlo: #0b0716; --welin: #130d24; --obrys: rgba( 201, 165, 92, .32 ); --wlos: rgba( 201, 165, 92, .13 );
	--zloto: #c9a55c; --zloto-j: #e8cf8a; --etyk: #9a8558;
	--fiolet: #6e4fb3; --fiolet-j: #a78be0; --mgla: rgba( 126, 92, 200, .18 );
	--kosc: #d9cdb4; --dno: #07040f;
	--tekst: #b2a9a0; --tekst-slaby: #857c78; --tekst-mocny: #f0e6d6;
	--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 15px var( --sans );
	background:
		radial-gradient( 1200px 640px at 50% -12%, rgba( 110, 79, 179, .22 ), transparent 70% ),
		radial-gradient( 900px 520px at 4% 60%, rgba( 201, 165, 92, .07 ), transparent 70% ),
		var( --tlo );
	overflow-x: clip;
}
.tmr-strona *, .tmr-strona *::before, .tmr-strona *::after { box-sizing: border-box; }
body:has( .tmr-strona ) .wp-site-blocks > header, body:has( .tmr-strona ) header.wp-block-template-part, body:has( .tmr-strona ) .wp-site-blocks > footer, body:has( .tmr-strona ) footer.wp-block-template-part, body:has( .tmr-strona ) .wp-block-post-title { display: none !important; }
body:has( .tmr-strona ) .wp-site-blocks, body:has( .tmr-strona ) .wp-block-group, body:has( .tmr-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .tmr-strona ) .wp-block-post-content > *, body:has( .tmr-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .tmr-strona ) { background: #0b0716; }
body:has( .tmr-strona ) .wp-block-post-content > .tmr-strona, body:has( .tmr-strona ) .entry-content > .tmr-strona, .tmr-strona { box-sizing: border-box; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; }
.tmr-strona button { font-family: inherit; }
.tmr-strona a { color: inherit; }

.tmr-sciezka { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 18px 0 6px; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var( --tekst-slaby ); }
.tmr-sciezka i { font-style: normal; color: var( --etyk ); }
.tmr-sciezka b { font-weight: 400; color: var( --zloto-j ); }
.tmr-poziom { margin: 0 0 0 auto; }
.tmr-poziom span { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border: 1px solid var( --wlos ); border-radius: 999px; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var( --tekst ); }
.tmr-poziom span::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var( --zloto ); box-shadow: 0 0 10px var( --zloto ); }

/* ══════════════  hero na grafice  ══════════════ */

.tmr-hero {
	position: relative; margin: 18px -40px 0; padding: 70px 40px 64px; min-height: 420px;
	display: grid; align-items: end;
	background: var( --tlo-hero ) center 38% / cover no-repeat;
	border-bottom: 1px solid var( --wlos );
}
/* Tekst leży w lewym dole na własnym cieniu; grafika prześwituje po prawej. */
.tmr-hero::before {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	background:
		linear-gradient( 90deg, rgba( 11, 7, 22, .96 ) 0%, rgba( 11, 7, 22, .82 ) 42%, rgba( 11, 7, 22, .18 ) 78%, rgba( 11, 7, 22, 0 ) 100% ),
		linear-gradient( 180deg, rgba( 11, 7, 22, .55 ), transparent 30%, transparent 70%, rgba( 11, 7, 22, .9 ) );
}
.tmr-hero__tresc { position: relative; max-width: 76ch; }
.tmr-nad { margin: 0 0 12px; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --etyk ); }
.tmr-tytul { margin: 0; font: 500 clamp( 46px, 5.6vw, 82px )/1.02 var( --serif ); color: var( --zloto-j ); text-shadow: 0 0 40px rgba( 201, 165, 92, .25 ); }
.tmr-tytul small { display: block; margin-top: 10px; font: 300 16px var( --sans ); letter-spacing: .14em; color: var( --kosc ); }
.tmr-lead { margin: 22px 0 0; font-size: 16.5px; line-height: 1.75; color: var( --tekst-mocny ); }
.tmr-hero__liczby { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 24px 0 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var( --tekst ); }
.tmr-hero__liczby b { font: 500 26px/1 var( --serif ); color: var( --zloto-j ); margin-right: 6px; }

/* ══════════════  sekcje  ══════════════ */

.tmr-sekcja { margin: 76px 0 0; }
.tmr-sekcja--scisla {
	position: relative; margin-top: 44px; padding: 34px 30px 40px;
	border: 1px solid var( --wlos ); border-radius: 26px; overflow: hidden;
	background: linear-gradient( 180deg, rgba( 19, 13, 36, .9 ), rgba( 9, 6, 18, .96 ) );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .05 ), 0 40px 90px -50px rgba( 0, 0, 0, .95 );
}
.tmr-sekcja--scisla > * { position: relative; z-index: 1; }
/* Kadry z grafiki jako tło sekcji: wygaszone maską ku środkowi. */
.tmr-sekcja--mapa::before {
	content: ''; position: absolute; right: -40px; bottom: -40px; width: 560px; height: 620px; z-index: 0; pointer-events: none;
	background: var( --tlo-prawy ) center / cover no-repeat; opacity: .55;
	mask-image: radial-gradient( 70% 70% at 80% 85%, #000 20%, transparent 78% );
	-webkit-mask-image: radial-gradient( 70% 70% at 80% 85%, #000 20%, transparent 78% );
}
.tmr-sekcja--wspolrzedne::before {
	content: ''; position: absolute; left: -30px; bottom: -30px; width: 620px; height: 560px; z-index: 0; pointer-events: none;
	background: var( --tlo-lewy ) center / cover no-repeat; opacity: .6;
	mask-image: radial-gradient( 70% 70% at 18% 85%, #000 20%, transparent 78% );
	-webkit-mask-image: radial-gradient( 70% 70% at 18% 85%, #000 20%, transparent 78% );
}
.tmr-sekcja--wspolrzedne::after {
	content: ''; position: absolute; right: 6%; top: -60px; width: 320px; height: 320px; z-index: 0; pointer-events: none;
	background: var( --tlo-kolo ) center / cover no-repeat; opacity: .35;
	mask-image: radial-gradient( closest-side, #000 30%, transparent 75% );
	-webkit-mask-image: radial-gradient( closest-side, #000 30%, transparent 75% );
}
.tmr-sekcja__nad { margin: 0 0 8px; font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var( --etyk ); }
.tmr-sekcja__tytul { margin: 0; font: 500 clamp( 28px, 3vw, 40px )/1.15 var( --serif ); color: var( --zloto-j ); }
.tmr-sekcja__lead { max-width: 78ch; margin: 12px 0 0; font-size: 14.5px; line-height: 1.7; color: var( --tekst ); }
.tmr-puste { max-width: 78ch; margin: 22px 0 0; padding-left: 16px; border-left: 2px solid var( --wlos ); font-size: 13px; line-height: 1.7; color: var( --tekst-slaby ); }

/* ══════════════  tor  ══════════════
   Boczne marginesy szerokie na strzałkę: kafle jeżdżą MIĘDZY nimi. */

.tmr-tor { position: relative; contain: inline-size; margin: 24px 0 0; padding: 0 56px; }
.tmr-tor__pas { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; padding: 6px 2px 16px; scroll-snap-type: x proximity; }
.tmr-tor__pas::-webkit-scrollbar { display: none; }
.tmr-tor__pas.jest-ciagniety { cursor: grabbing; scroll-snap-type: none; }
.tmr-tor__strz {
	position: absolute; top: 50%; transform: translateY( -50% ); z-index: 3;
	display: grid; place-items: center; width: 42px; height: 42px;
	border: 1px solid var( --obrys ); border-radius: 999px;
	background: linear-gradient( 180deg, rgba( 19, 13, 36, .96 ), rgba( 9, 6, 18, .96 ) );
	color: var( --zloto-j ); cursor: pointer;
	transition: opacity .2s, box-shadow .18s, border-color .18s;
}
.tmr-tor__strz[disabled] { opacity: .26; cursor: default; }
.tmr-tor__strz:not([disabled]):hover { border-color: var( --zloto ); box-shadow: 0 0 30px -10px var( --zloto ); }
.tmr-tor__strz--lewo { left: 0; }
.tmr-tor__strz--prawo { right: 0; }
.tmr-tor__strz::before { content: '‹'; font-size: 22px; line-height: 1; }
.tmr-tor__strz--prawo::before { content: '›'; }
.tmr-tor__licznik { margin: 0; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var( --etyk ); }

/* ══════════════  kafle praktyk  ══════════════ */

.tmr-praktyka {
	flex: 0 0 236px; scroll-snap-align: start;
	position: relative; display: grid; gap: 4px; justify-items: start; align-content: start;
	min-height: 196px; padding: 18px 18px 16px;
	border: 1px solid var( --wlos ); border-radius: 18px;
	background: linear-gradient( 180deg, rgba( 34, 24, 58, .74 ), rgba( 13, 9, 24, .84 ) );
	color: var( --tekst ); cursor: pointer; text-align: left; overflow: hidden;
	transition: border-color .22s, transform .22s, box-shadow .22s;
}
.tmr-praktyka::before {
	content: ''; position: absolute; inset: -60% 12% auto; height: 150px; pointer-events: none;
	background: radial-gradient( 50% 60% at 50% 100%, rgba( 201, 165, 92, .28 ), transparent 72% );
	opacity: 0; transition: opacity .3s;
}
.tmr-praktyka:hover, .tmr-praktyka:focus-visible { transform: translateY( -3px ); border-color: rgba( 201, 165, 92, .5 ); box-shadow: 0 18px 44px -26px rgba( 0, 0, 0, .9 ), 0 0 32px -18px var( --zloto ); }
.tmr-praktyka:hover::before, .tmr-praktyka:focus-visible::before, .tmr-praktyka.jest-wybrana::before { opacity: 1; }
.tmr-praktyka.jest-wybrana { border-color: var( --zloto ); background: linear-gradient( 180deg, rgba( 201, 165, 92, .2 ), rgba( 13, 9, 24, .9 ) ); box-shadow: 0 0 40px -12px var( --zloto ), inset 0 0 0 1px rgba( 232, 207, 138, .22 ); }
.tmr-praktyka.jest-wybrana b { color: var( --zloto-j ); }
.tmr-praktyka:focus-visible { outline: 2px solid var( --zloto ); outline-offset: 3px; }
.tmr-praktyka.jest-pusta { opacity: .55; }
.tmr-praktyka.jest-pusta small { color: var( --fiolet-j ); }
.tmr-praktyka__glif { font-style: normal; font-size: 24px; line-height: 1; color: var( --zloto ); text-shadow: 0 0 14px rgba( 201, 165, 92, .5 ); }
.tmr-praktyka b { margin-top: 6px; font: 500 19px/1.2 var( --serif ); color: var( --tekst-mocny ); }
.tmr-praktyka small { font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var( --etyk ); }
.tmr-praktyka__zdanie { margin: 6px 0 0; font-size: 12.5px; line-height: 1.55; color: var( --tekst ); }
.tmr-swiaty { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; padding-top: 10px; }
.tmr-swiat { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var( --wlos ); border-radius: 999px; font: 400 12px/1 serif; font-style: normal; color: var( --fiolet-j ); background: rgba( 110, 79, 179, .12 ); }

/* ══════════════  rozkład praktyki na światy  ══════════════ */

.tmr-rozklad { margin: 30px 0 0; padding-top: 26px; border-top: 1px solid var( --wlos ); }
.tmr-rozklad__glowa { display: grid; grid-template-columns: 74px minmax( 0, 1fr ); gap: 18px; align-items: center; }
.tmr-rozklad__glif { display: grid; place-items: center; width: 74px; height: 74px; border: 1px solid var( --obrys ); border-radius: 999px; font: 400 32px/1 serif; font-style: normal; color: var( --zloto-j ); background: radial-gradient( circle at 50% 35%, rgba( 201, 165, 92, .18 ), rgba( 9, 6, 18, .9 ) 70% ); box-shadow: 0 0 34px -12px var( --zloto ); }
.tmr-rozklad__nad { margin: 0 0 4px; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var( --etyk ); }
.tmr-rozklad__tytul { margin: 0; font: 500 30px/1.15 var( --serif ); color: var( --zloto-j ); }
.tmr-rozklad__zdanie { margin: 6px 0 0; max-width: 72ch; font-size: 14px; line-height: 1.65; color: var( --tekst ); }
.tmr-rozklad__brak { margin: 18px 0 0; font-size: 14px; line-height: 1.7; color: var( --fiolet-j ); }

.tmr-swiatblok { margin: 26px 0 0; }
.tmr-swiatblok__glowa { display: flex; align-items: center; gap: 12px; }
.tmr-swiatblok__glif { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var( --wlos ); border-radius: 999px; font: 400 17px/1 serif; font-style: normal; color: var( --fiolet-j ); background: rgba( 110, 79, 179, .14 ); }
.tmr-swiatblok__glowa b { display: block; font: 500 19px/1.2 var( --serif ); color: var( --tekst-mocny ); }
.tmr-swiatblok__glowa small { font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var( --etyk ); }
.tmr-swiatblok--przekroj .tmr-swiatblok__glif { color: var( --zloto ); background: rgba( 201, 165, 92, .1 ); }
.tmr-tor--hasla { margin-top: 12px; }

.tmr-haslo {
	flex: 0 0 286px; scroll-snap-align: start;
	display: flex; flex-direction: column; gap: 5px; min-height: 176px; padding: 18px 18px 14px;
	border: 1px solid var( --wlos ); border-radius: 16px; text-decoration: none;
	background: linear-gradient( 180deg, rgba( 30, 22, 50, .6 ), rgba( 12, 8, 22, .82 ) );
	transition: border-color .22s, transform .22s, box-shadow .22s;
}
.tmr-haslo:hover, .tmr-haslo:focus-visible { transform: translateY( -3px ); border-color: rgba( 201, 165, 92, .5 ); box-shadow: 0 18px 44px -26px rgba( 0, 0, 0, .9 ), 0 0 30px -18px var( --zloto ); }
.tmr-haslo:focus-visible { outline: 2px solid var( --zloto ); outline-offset: 3px; }
.tmr-haslo__modul { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var( --etyk ); }
.tmr-haslo b { font: 500 18px/1.2 var( --serif ); color: var( --tekst-mocny ); }
.tmr-haslo p { margin: 0; font-size: 12.5px; line-height: 1.55; color: var( --tekst ); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tmr-haslo__stopka { display: flex; flex-wrap: wrap; gap: 4px; margin-top: auto; padding-top: 8px; }
.tmr-haslo__stopka em { font-style: normal; font-size: 10px; letter-spacing: .1em; padding: 2px 8px; border: 1px solid var( --wlos ); border-radius: 999px; color: var( --fiolet-j ); }
.tmr-haslo__dalej { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var( --zloto ); opacity: .75; transition: opacity .2s, letter-spacing .2s; }
.tmr-haslo:hover .tmr-haslo__dalej { opacity: 1; letter-spacing: .24em; }

/* ══════════════  trzy współrzędne  ══════════════ */

.tmr-probka__kafel {
	flex: 0 0 200px; scroll-snap-align: start;
	display: grid; gap: 4px; justify-items: start; align-content: start; min-height: 96px; padding: 14px 16px;
	border: 1px solid var( --wlos ); border-radius: 14px;
	background: linear-gradient( 180deg, rgba( 34, 24, 58, .6 ), rgba( 13, 9, 24, .8 ) );
	color: var( --tekst ); cursor: pointer; text-align: left;
	transition: border-color .2s, transform .2s, box-shadow .2s;
}
.tmr-probka__kafel small { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var( --etyk ); }
.tmr-probka__kafel b { font: 500 17px/1.2 var( --serif ); color: var( --tekst-mocny ); }
.tmr-probka__swiaty { display: flex; gap: 6px; margin-top: 4px; font-size: 13px; color: var( --fiolet-j ); }
.tmr-probka__swiaty i { font-style: normal; }
.tmr-probka__kafel:hover { transform: translateY( -2px ); border-color: var( --obrys ); }
.tmr-probka__kafel.jest-wybrany { border-color: var( --zloto ); background: linear-gradient( 180deg, rgba( 201, 165, 92, .18 ), rgba( 13, 9, 24, .86 ) ); box-shadow: 0 0 32px -14px var( --zloto ); }
.tmr-probka__kafel.jest-wybrany b { color: var( --zloto-j ); }
.tmr-probka__kafel:focus-visible { outline: 2px solid var( --zloto ); outline-offset: 3px; }

/* Portolan: hasło u góry, trzy osie pod nim, złote linie rumbów między nimi. */
.tmr-portolan { position: relative; margin: 30px 0 0; padding: 28px 30px 26px; border: 1px solid var( --obrys ); border-radius: 22px; background: linear-gradient( 180deg, rgba( 19, 13, 36, .8 ), rgba( 9, 6, 18, .92 ) ); box-shadow: 0 0 60px -30px var( --zloto ); }
.tmr-portolan__glowa { text-align: center; max-width: 70ch; margin: 0 auto; }
.tmr-portolan__nad { margin: 0 0 6px; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var( --etyk ); }
.tmr-portolan__tytul { margin: 0; font: 500 32px/1.12 var( --serif ); color: var( --zloto-j ); }
.tmr-portolan__krotko { margin: 8px 0 0; font-size: 14px; line-height: 1.65; color: var( --tekst ); }
.tmr-osie { position: relative; display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 18px; margin: 30px 0 0; padding-top: 30px; }
/* Linie rumbów: od środka nagłówka do każdej z trzech osi. */
.tmr-osie::before {
	content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 30px; background: linear-gradient( 180deg, var( --zloto ), transparent );
}
.tmr-osie::after {
	content: ''; position: absolute; left: 16.6%; right: 16.6%; top: 0; height: 1px;
	background: linear-gradient( 90deg, transparent, var( --zloto ) 20%, var( --zloto ) 80%, transparent );
	box-shadow: 0 0 12px 1px rgba( 201, 165, 92, .35 );
}
.tmr-os { position: relative; padding: 18px 18px 16px; border: 1px solid var( --wlos ); border-radius: 16px; background: rgba( 9, 6, 18, .6 ); }
.tmr-os::before { content: ''; position: absolute; left: 50%; top: -30px; width: 1px; height: 30px; background: linear-gradient( 180deg, var( --zloto ), rgba( 201, 165, 92, .2 ) ); }
.tmr-os__nad { margin: 0 0 12px; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var( --etyk ); }
.tmr-os--cyw { border-color: rgba( 110, 79, 179, .35 ); }
.tmr-os--trad { border-color: rgba( 201, 165, 92, .28 ); }
.tmr-os--prak { border-color: rgba( 232, 207, 138, .4 ); box-shadow: 0 0 30px -18px var( --zloto ); }
.tmr-os__chipy { display: flex; flex-wrap: wrap; gap: 7px; }
.tmr-chip { display: inline-flex; align-items: center; padding: 6px 12px; border: 1px solid var( --wlos ); border-radius: 999px; font: 400 12.5px var( --sans ); color: var( --tekst-mocny ); background: rgba( 34, 24, 58, .5 ); }
.tmr-chip--swiat { color: var( --fiolet-j ); border-color: rgba( 110, 79, 179, .4 ); }
.tmr-chip--kraina { font-size: 11.5px; color: var( --tekst ); }
.tmr-chip--trad { color: var( --kosc ); }
.tmr-chip--brak { color: var( --tekst-slaby ); font-style: italic; }
.tmr-chip--prak { cursor: pointer; color: var( --zloto-j ); border-color: rgba( 201, 165, 92, .45 ); background: linear-gradient( 180deg, rgba( 201, 165, 92, .16 ), rgba( 13, 9, 24, .6 ) ); transition: box-shadow .2s, transform .2s; }
.tmr-chip--prak:hover { transform: translateY( -1px ); box-shadow: 0 0 22px -8px var( --zloto ); }
.tmr-chip--prak:focus-visible { outline: 2px solid var( --zloto ); outline-offset: 2px; }
.tmr-portolan__dalej { display: inline-block; margin: 22px 0 0; padding: 10px 18px; border: 1px solid rgba( 201, 165, 92, .35 ); border-radius: 999px; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var( --zloto-j ); text-decoration: none; transition: box-shadow .2s, transform .2s; }
.tmr-portolan__dalej:hover { transform: translateY( -2px ); box-shadow: 0 0 28px -10px var( --zloto ); }

/* ══════════════  ramy  ══════════════ */

.tmr-ramy__siatka { display: grid; grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ) ); gap: 16px; margin: 26px 0 0; }
.tmr-ramy__siatka > div { display: grid; align-content: start; gap: 10px; padding: 26px 24px 28px; border: 1px solid var( --wlos ); border-radius: 18px; background: linear-gradient( 180deg, rgba( 30, 22, 50, .62 ), rgba( 12, 8, 22, .8 ) ); }
.tmr-ramy__siatka > div i { display: block; font-style: normal; font-size: 22px; color: var( --fiolet-j ); }
.tmr-ramy__siatka > div b { display: block; font: 500 21px/1.2 var( --serif ); color: var( --zloto-j ); }
.tmr-ramy__siatka > div p { margin: 0; font-size: 13.5px; line-height: 1.7; color: var( --tekst ); }
.tmr-ramy__siatka > div.jest-uczciwie { border-color: rgba( 201, 165, 92, .3 ); }
.tmr-ramy__siatka > div.jest-uczciwie i { color: var( --zloto ); }

/* ══════════════  wąskie ekrany  ══════════════ */

@media ( max-width: 900px ) {
	.tmr-osie { grid-template-columns: 1fr; }
	.tmr-osie::after, .tmr-os::before { display: none; }
	.tmr-sekcja--mapa::before, .tmr-sekcja--wspolrzedne::before, .tmr-sekcja--wspolrzedne::after { opacity: .25; }
}
@media ( max-width: 680px ) {
	.tmr-strona { padding: 0 22px 70px; }
	.tmr-hero { margin: 12px -22px 0; padding: 50px 22px 44px; min-height: 340px; }
	.tmr-sekcja--scisla { padding: 26px 18px 30px; }
	.tmr-tor { padding: 0 46px; }
	.tmr-tor__strz { width: 36px; height: 36px; }
	.tmr-praktyka { flex-basis: 78vw; }
	.tmr-haslo { flex-basis: 80vw; }
	.tmr-rozklad__glowa { grid-template-columns: 56px minmax( 0, 1fr ); }
	.tmr-rozklad__glif { width: 56px; height: 56px; font-size: 24px; }
}
@media ( prefers-reduced-motion: reduce ) {
	.tmr-praktyka, .tmr-haslo, .tmr-probka__kafel, .tmr-chip--prak, .tmr-portolan__dalej, .tmr-tor__strz { transition: none; }
}

/* 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. */
.tmr-strona .tmr-hero .tmr-okno.zd-okno,
.tmr-strona .tmr-hero .zd-okno.zd-okno,
.tmr-strona .tmr-hero .tmr-okno.tmr-okno {
	background:
		radial-gradient( 720px 240px at 42% 0%, rgba( 201, 165, 92, .10 ), transparent 70% ),
		linear-gradient( 168deg, #161221, #0b0716 );
}

/* Wyjaśnienie czynności pod głową rozkładu: trzy akapity na szerokość
   czytelnej kolumny, a nie na całą stronę. */
.tmr-rozklad__opis { max-width: 74ch; margin: 18px 0 26px; display: grid; gap: 14px; }
.tmr-rozklad__opis p { margin: 0; font-size: 15.5px; line-height: 1.72; color: var( --tekst, #c8bba6 ); }
.tmr-rozklad__opis p:first-child { font-size: 17px; color: var( --tekst-mocny, #e8ddc9 ); }