/* Etruskowie — niebo na wątrobie.
 *
 * Paleta z dwóch rzeczy, które po nich naprawdę zostały: czerwonej ochry
 * z malowanych grobowców Tarkwinii i czarnego bucchero, ceramiki wypalanej
 * bez dostępu powietrza na kolor sadzy. Do tego zieleń z Grobowca Lampartów
 * i miedziany brąz wątroby z Piacenzy. Świadomie NIE złoto Rzymu — Rzym jest
 * tu tym, kto przepisał, nie tym, kto napisał.
 *
 * PODPISEM strony jest NIEBO NA WĄTROBIE: koło szesnastu pól nieba po lewej
 * i brązowa wątroba z szesnastoma polami brzegu po prawej, spięte jednym
 * wskaźnikiem. Kliknięcie pola nieba podświetla pole wątroby z imieniem,
 * które tam naprawdę wyryto. Numery są faktem, przypisanie kierunków hipotezą
 * — i rysunek mówi to podpisem, zamiast udawać pewność.
 */
.tet-strona {
	--bucchero: #14100e; --dno: #0b0908;
	--wlos: rgba( 214, 168, 128, .13 ); --obrys: rgba( 201, 122, 74, .36 );
	--ochra: #b8532e; --ochra-j: #d9784f; --ochra-t: rgba( 184, 83, 46, .14 );
	--braz: #a8834a; --braz-j: #d4b06a; --braz-c: #6d5430;
	--zielen: #3d7a72; --zielen-j: #5da39a;
	--kosc: #ebe2d2; --tynk: #c9bba6;
	--tekst: #a59a8c; --tekst-slaby: #7f766b; --tekst-mocny: #ebe2d2; --etyk: #8a7d70;
	--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( 1180px 620px at 50% -12%, rgba( 184, 83, 46, .16 ), transparent 70% ),
		radial-gradient( 900px 560px at 10% 42%, rgba( 168, 131, 74, .1 ), transparent 72% ),
		radial-gradient( 860px 520px at 90% 74%, rgba( 61, 122, 114, .1 ), transparent 72% ),
		linear-gradient( 180deg, #1b1512, var( --bucchero ) 46%, var( --dno ) );
	overflow-x: clip;
}
.tet-strona *, .tet-strona *::before, .tet-strona *::after { box-sizing: border-box; }
body:has( .tet-strona ) .wp-site-blocks > header, body:has( .tet-strona ) header.wp-block-template-part, body:has( .tet-strona ) .wp-site-blocks > footer, body:has( .tet-strona ) footer.wp-block-template-part, body:has( .tet-strona ) .wp-block-post-title { display: none !important; }
body:has( .tet-strona ) .wp-site-blocks, body:has( .tet-strona ) .wp-block-group, body:has( .tet-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .tet-strona ) .wp-block-post-content > *, body:has( .tet-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .tet-strona ) { background: #14100e; }
body:has( .tet-strona ) .wp-block-post-content > .tet-strona, body:has( .tet-strona ) .entry-content > .tet-strona, .tet-strona { box-sizing: border-box; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; }
.tet-strona button { font-family: inherit; }

.tet-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 ); }
.tet-sciezka i { font-style: normal; color: var( --etyk ); }
.tet-sciezka b { font-weight: 400; color: var( --ochra-j ); }
.tet-poziom { margin: 0 0 0 auto; }
.tet-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 ); }
.tet-poziom span::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var( --ochra ); box-shadow: 0 0 10px var( --ochra ); }

/* ══════════════  HERO  ══════════════ */
.tet-hero { position: relative; max-width: 84ch; padding: 46px 0 8px; }
.tet-nad { margin: 0 0 12px; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --etyk ); }
.tet-tytul { margin: 0; font: 500 clamp( 46px, 5.6vw, 84px )/1.02 var( --serif ); color: var( --ochra-j ); letter-spacing: -.01em; text-shadow: 0 0 60px rgba( 184, 83, 46, .35 ); }
.tet-tytul small { display: block; margin-top: 10px; font: 300 16px var( --sans ); letter-spacing: .12em; line-height: 1.5; color: var( --tynk ); }
.tet-lead { margin: 24px 0 0; font-size: 16.5px; line-height: 1.78; color: var( --tekst-mocny ); }
/* LICZNIKI TEZ LEZA NA ZDJECIU.
   Wash po lewej ZANIKA DO ZERA w prawo, wiec druga polowa kazdego
   licznika stala wprost na fotografii uwertury i cyfra z podpisem
   gubily sie w kadrze. Gradient kierunkowy autora zostaje — dokladamy
   pod nim pelna podstawe, tak samo jak w kaflach. (2026-09-12) */
.tet-hero__liczby { display: flex; flex-wrap: wrap; gap: 14px; margin: 32px 0 0; }
.tet-hero__liczby span { display: grid; gap: 3px; padding: 16px 22px; border: 1px solid var( --wlos ); border-left: 3px solid var( --braz ); border-radius: 0 16px 16px 0; background: linear-gradient( 100deg, rgba( 168, 131, 74, .1 ), transparent ), rgba( 20, 16, 14, .96 ); backdrop-filter: blur( 7px ) saturate( .92 ); -webkit-backdrop-filter: blur( 7px ) saturate( .92 ); }
.tet-hero__liczby span:first-child { border-left-color: var( --ochra ); background: linear-gradient( 100deg, rgba( 184, 83, 46, .16 ), transparent ), rgba( 20, 16, 14, .96 ); }
.tet-hero__liczby b { font: 500 32px var( --serif ); color: var( --ochra-j ); }
.tet-hero__liczby span:not( :first-child ) b { color: var( --braz-j ); }
.tet-hero__liczby i { font-style: normal; font-size: 11px; letter-spacing: .14em; color: var( --etyk ); }

/* ══════════════  sekcje i meander  ══════════════ */
.tet-sekcja { position: relative; margin: 88px 0 0; }
.tet-sekcja--scisla { padding: 36px 32px 42px; border: 1px solid var( --wlos ); border-radius: 26px; background: radial-gradient( 980px 470px at 50% 0%, rgba( 184, 83, 46, .1 ), transparent 66% ), linear-gradient( 180deg, rgba( 33, 26, 22, .9 ), rgba( 11, 9, 8, .96 ) ); box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .05 ), 0 44px 96px -54px rgba( 0, 0, 0, .96 ); }
.tet-sekcja__nad { margin: 0 0 8px; font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var( --etyk ); }
.tet-sekcja__tytul { margin: 0; font: 500 clamp( 28px, 3.1vw, 42px )/1.14 var( --serif ); color: var( --ochra-j ); }
.tet-sekcja__lead { max-width: 80ch; margin: 14px 0 0; font-size: 15px; line-height: 1.76; color: var( --tekst ); }
.tet-sekcja--groby .tet-sekcja__tytul { color: var( --zielen-j ); }
.tet-sekcja--nie .tet-sekcja__tytul { color: var( --braz-j ); }

/* Meander z fryzu grobowca jako przerywnik: cytat z ich malarstwa, nie ornament z półki. */
.tet-meander { display: block; width: 100%; height: 22px; margin: 64px 0 -34px; color: var( --ochra ); opacity: .38; }

/* ══════════════  NIEBO NA WĄTROBIE — podpis strony  ══════════════ */
.tet-niebo { display: grid; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1.15fr ); gap: 26px 40px; align-items: center; margin-top: 30px; }
.tet-niebo__kolo, .tet-niebo__watroba { position: relative; padding: 18px; border: 1px solid var( --wlos ); border-radius: 22px; background: radial-gradient( 70% 60% at 50% 40%, rgba( 168, 131, 74, .08 ), transparent 72% ); }
.tet-niebo__kolo svg, .tet-niebo__watroba svg { display: block; width: 100%; height: auto; filter: drop-shadow( 0 22px 44px rgba( 0, 0, 0, .8 ) ); }
/* NAZWA RYSUNKU IDZIE PRZED RYSUNKIEM, NIE PO NIM.
   Podpis stal pod spodem, 11,5 px szaroscia — czyli informacja, CO to
   jest, docierala dopiero wtedy, gdy czytelnik juz probowal zrozumiec
   obrazek. Elipsa z szesnastoma polami na obwodzie czyta sie jak tarcza,
   nie jak narzad, wiec bez nazwy przed spojrzeniem dwa wyrostki odlewu
   wygladaja jak plamy. Etykieta prowadzi, podpis pod spodem zostaje
   i dopowiada reszte. (2026-09-12) */
.tet-niebo__etyk {
	margin: 0 0 10px; text-align: center;
	font-size: 13px; letter-spacing: .16em; text-transform: uppercase;
	color: var( --braz-j ); opacity: .92;
}
.tet-niebo__podpis { margin: 12px 0 0; font-size: 11.5px; letter-spacing: .1em; text-align: center; color: var( --tekst-slaby ); }

/* Pola nieba: klikane wycinki. Lewa (wschodnia) połowa w zieleni Lampartów,
   prawa (zachodnia) w ochrze — bo tak dzieliła je doktryna: dobre i złe. */
.tet-pole { cursor: pointer; transition: fill .22s, opacity .22s; }
.tet-pole.jest-dobre { fill: rgba( 61, 122, 114, .28 ); }
.tet-pole.jest-zle { fill: rgba( 184, 83, 46, .26 ); }
.tet-pole:hover { opacity: .85; }
.tet-pole.jest-wybrane { fill: var( --braz-j ); opacity: 1; }
/* FOKUS IDZIE PO KSZTALCIE, NIE PO PUDELKU.
   Wycinki maja `tabindex="0"`, a zadna regula nie nadawala im wygladu
   skupienia — rysowala go wiec przegladarka, a domyslny `outline` na
   elemencie SVG obrysowuje PUDELKO, nie figure: wokol trapezu stawal
   prostokat. `stroke` idzie po sciezce, wiec trzyma sie ksztaltu.
   Obwodki nie kasujemy — zostaje widoczna, tylko we wlasciwej formie. */
/* ZADNEGO PROSTOKATA — W ZADNYM STANIE.
   `outline` gaszony NA ELEMENCIE, nie tylko przy `:focus-visible`:
   regula autora bije arkusz przegladarki niezaleznie od stanu, wiec
   domyslna ramka skupienia nie pojawi sie ani po kliknieciu, ani po
   tabulatorze. Na SVG obrysowywala PUDELKO, wiec wokol wycinka kola
   stawal prostokat — Przemo zglosil to wprost i nie chce go widziec.
   Wskazanie dla klawiatury zostaje, ale jako `stroke`, ktory idzie po
   sciezce i trzyma sie ksztaltu trapezu. (2026-09-12) */
.tet-pole,
.tet-wpole { outline: none; }
.tet-pole:focus,
.tet-wpole:focus { outline: none; }
.tet-pole:focus-visible,
.tet-wpole:focus-visible {
	outline: none;
	stroke: #fde291;
	stroke-width: 3;
	stroke-linejoin: round;
}
.tet-pole-nr { pointer-events: none; font: 500 11px var( --sans ); fill: var( --kosc ); opacity: .8; }
.tet-pole-nr.jest-wybrane { fill: var( --bucchero ); opacity: 1; }
.tet-kier { font: 400 10px var( --sans ); letter-spacing: .2em; fill: var( --etyk ); }
.tet-haruspik { fill: var( --kosc ); opacity: .7; }

/* Pola wątroby: to samo podświetlenie, ta sama zasada. */
.tet-wpole { fill: transparent; transition: fill .22s; }
.tet-wpole.jest-wybrane { fill: rgba( 212, 176, 106, .55 ); }
.tet-wnapis { font: italic 500 9.5px var( --serif ); fill: #f0d9a8; opacity: .85; pointer-events: none; }
.tet-wnapis.jest-wybrane { fill: var( --bucchero ); opacity: 1; font-weight: 600; }

.tet-niebo__karta { grid-column: 1 / -1; display: grid; grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr ) ); gap: 14px; margin-top: 4px; }
.tet-niebo__karta > div { padding: 16px 18px; border: 1px solid var( --wlos ); border-top: 2px solid var( --braz ); border-radius: 0 0 14px 14px; background: linear-gradient( 180deg, rgba( 168, 131, 74, .09 ), transparent ); }
.tet-niebo__karta > div.jest-dobre { border-top-color: var( --zielen-j ); }
.tet-niebo__karta > div.jest-zle { border-top-color: var( --ochra ); }
.tet-niebo__karta u { display: block; margin-bottom: 6px; font-size: 10px; letter-spacing: .24em; text-transform: uppercase; text-decoration: none; color: var( --etyk ); }
.tet-niebo__karta b { display: block; font: 500 24px var( --serif ); color: var( --tekst-mocny ); }
.tet-niebo__karta b.jest-napis { font-style: italic; color: var( --braz-j ); }
.tet-niebo__karta p { margin: 6px 0 0; font-size: 13px; line-height: 1.6; color: var( --tekst ); }
.tet-niebo__hipoteza { grid-column: 1 / -1; margin: 6px 0 0; padding: 14px 18px; border-left: 2px solid var( --ochra ); border-radius: 0 12px 12px 0; background: rgba( 184, 83, 46, .08 ); font-size: 13px; line-height: 1.66; color: var( --tekst ); }

/* ══════════════  kafle wspólne  ══════════════ */
.tet-bostwa, .tet-praktyki, .tet-granice, .tet-ramy__siatka, .tet-zrodla, .tet-rodzaje, .tet-etapy, .tet-skladniki, .tet-pytania { display: grid; grid-template-columns: repeat( auto-fit, minmax( 264px, 1fr ) ); gap: 16px; margin-top: 28px; }
/* KAFEL MUSI MIEC WLASNY PODKLAD, BO LEZY NA ZDJECIU.
   Tlo kafla bylo tu zaprojektowane pod PLASKA ciemna sekcje: gradient
   o kryciu 5 % i 1,2 %. Odkad sekcje dostaly fotografie, zdjecie
   przechodzi przez kafel na wylot i tekst przestaje byc czytelny —
   Przemo zglosil to wprost: 'nie widac tekstu z puzli'. Gradient autora
   zostaje nietkniety, dokladamy pod nim podstawe w barwie bucchero
   i rozmycie tla, zgodnie z wzorcem klikanych paneli. (2026-09-12) */
.tet-kafel, .tet-granice > div, .tet-ramy__siatka > div { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 22px 22px 20px; overflow: hidden; border: 1px solid var( --wlos ); border-radius: 18px; background: linear-gradient( 180deg, rgba( 214, 168, 128, .05 ), rgba( 214, 168, 128, .012 ) ), rgba( 20, 16, 14, .88 ); backdrop-filter: blur( 7px ) saturate( .92 ); -webkit-backdrop-filter: blur( 7px ) saturate( .92 ); transition: border-color .3s, transform .3s, box-shadow .3s, background .3s; }
.tet-kafel::before { content: ''; position: absolute; left: 0; top: 20px; bottom: 20px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient( 180deg, transparent, var( --ochra ), transparent ); opacity: .55; }
.tet-kafel:hover, .tet-granice > div:hover, .tet-ramy__siatka > div:hover { border-color: var( --obrys ); transform: translateY( -3px ); background: linear-gradient( 180deg, rgba( 184, 83, 46, .09 ), rgba( 214, 168, 128, .02 ) ), rgba( 26, 20, 17, .90 ); box-shadow: 0 30px 66px -40px rgba( 0, 0, 0, .92 ), 0 0 34px -18px rgba( 184, 83, 46, .45 ); }
.tet-kafel h3 { margin: 0 0 6px; font: 500 23px var( --serif ); color: var( --tekst-mocny ); }
.tet-kafel p { margin: 8px 0 0; font-size: 13.5px; line-height: 1.68; color: var( --tekst ); }
/* Nadtytuły są SPAN-ami: wspólna reguła toru pokazuje w kaflu tylko pierwszy
   <p>, więc nadtytuł zapisany akapitem zjadałby opis. */
.tet-kafel__gdzie { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var( --zielen-j ); }
.tet-kafel__gdzie i { font-style: normal; color: var( --ochra-j ); }
.tet-kafel__kiedy { display: block; margin: 0 0 6px; font-size: 11.5px; letter-spacing: .08em; color: var( --braz-j ); }
.tet-kafel__grecki { display: block; margin: 2px 0 0; font: italic 300 12.5px var( --sans ); color: var( --tekst-slaby ); }
.tet-swiadectwo { display: block; margin: 12px 0 0; padding: 12px 15px; border: 1px dashed var( --wlos ); border-radius: 12px; font-size: 12.5px; line-height: 1.6; color: var( --tekst-slaby ); }
.tet-swiadectwo b { display: block; margin-bottom: 5px; font: 400 9.5px var( --sans ); letter-spacing: .24em; text-transform: uppercase; color: var( --zielen-j ); }
.tet-pole-txt { margin-top: 16px !important; padding: 15px 18px; border-left: 2px solid rgba( 214, 168, 128, .3 ); border-radius: 0 12px 12px 0; background: rgba( 214, 168, 128, .045 ); font-size: 13px !important; }
.tet-pole-txt b { display: block; margin-bottom: 6px; font: 400 10px var( --sans ); letter-spacing: .24em; text-transform: uppercase; color: var( --tynk ); }
.tet-pole-txt--zrodlo { border-left-color: var( --zielen-j ); background: rgba( 61, 122, 114, .1 ); }
.tet-pole-txt--zrodlo b { color: var( --zielen-j ); }
.tet-bostwa .tet-kafel h3 { font-size: 21px; color: var( --ochra-j ); }
.tet-ksiega { display: block; margin: 0 0 6px; font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var( --braz-j ); }

/* pewność przy języku: jedno słowo, które mówi, ile wolno z tego wyczytać */
.tet-pewne { display: inline-block; align-self: flex-start; margin: 10px 0 0; padding: 4px 11px; border: 1px solid var( --wlos ); border-radius: 999px; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var( --tynk ); }
.tet-pewne.jest-pewne { border-color: rgba( 61, 122, 114, .5 ); color: var( --zielen-j ); }
.tet-pewne.jest-wniosek { border-color: rgba( 184, 83, 46, .5 ); color: var( --ochra-j ); }

.tet-granice b, .tet-ramy__siatka b { display: block; margin-bottom: 8px; font: 500 18px var( --serif ); color: var( --tekst-mocny ); }
.tet-granice p, .tet-ramy__siatka p { margin: 0; font-size: 13.5px; line-height: 1.68; color: var( --tekst ); }
.tet-granice u, .tet-ramy__siatka u { display: block; margin-bottom: 7px; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; text-decoration: none; color: var( --braz-c ); }
.tet-ramy__siatka > div { border-left: 2px solid var( --ochra ); }
.tet-ramy__siatka i { display: block; margin-bottom: 10px; font-style: normal; font-size: 16px; color: var( --ochra-j ); }
.tet-ramy__siatka u { color: var( --ochra-j ); }

.tet-kafel .zd-klocek__skrot { display: contents; }
.tet-zd-wiecej { margin-top: auto; }

@media ( max-width: 960px ) {
	.tet-niebo { grid-template-columns: minmax( 0, 1fr ); }
	.tet-niebo__kolo, .tet-niebo__watroba { max-width: 420px; margin: 0 auto; width: 100%; }
}
@media ( max-width: 780px ) {
	.tet-strona { padding: 0 18px 70px; }
	.tet-sekcja { margin-top: 58px; }
	.tet-sekcja--scisla { padding: 26px 18px 30px; }
	.tet-poziom { margin: 6px 0 0; }
	.tet-hero__liczby span { flex: 1 0 100%; }
}
@media ( prefers-reduced-motion: reduce ) {
	.tet-strona *, .tet-strona *::before, .tet-strona *::after { transition: none !important; animation: none !important; }
}


/* ---------------------------------------------------------------------------
   TŁA SEKCJI

   Reguły trzymają się atrybutu data-tlo, który PHP dokłada dopiero wtedy,
   gdy plik naprawdę leży na serwerze. Dopóki grafiki nie ma, sekcja nie
   dostaje ani ramki, ani wypełnienia i wygląda dokładnie jak dziś — brak ma
   być cichy, a nie zostawiać pustej ramy.

   Obraz wchodzi WARSTWĄ właściwości background, nie przez ::before. Tych
   dwóch pseudoelementów używa wspólny zdobienia.css (lotos nad sekcją i kreska
   rozdzielająca) i nadpisanie ich zabrałoby sekcjom zdobienia reszty serwisu.

   Zmienna nazywa się --obraz-tla, a NIE --tlo: w większości arkuszy serwisu
   --tlo jest już barwą tła strony i nadpisanie jej w sekcji psułoby kolory.
   --------------------------------------------------------------------------- */

.tet-hero[data-tlo] {
	position: relative; max-width: none;
	padding: 64px 36px 52px; border-radius: 26px;
	border: 1px solid rgba( 255, 255, 255, .10 );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .05 ), 0 40px 90px -50px rgba( 0, 0, 0, .95 );
	background:
		linear-gradient( 90deg, rgba( 12, 10, 14, .90 ) 0%, rgba( 12, 10, 14, .70 ) 34%, rgba( 12, 10, 14, .20 ) 66%, transparent 100% ),
		var( --obraz-tla ) 50% 46% / cover no-repeat;
}
.tet-hero[data-tlo] > * { max-width: 80ch; }

.tet-sekcja[data-tlo] {
	position: relative;
	padding: 40px 36px 44px; border-radius: 26px;
	border: 1px solid rgba( 255, 255, 255, .10 );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .05 ), 0 40px 90px -50px rgba( 0, 0, 0, .95 );
	background:
		radial-gradient( 880px 500px at 12% 16%, rgba( 15, 13, 18, .62 ), transparent 74% ),
		linear-gradient( 180deg, rgba( 15, 13, 18, .10 ) 0%, rgba( 15, 13, 18, .22 ) 48%, rgba( 15, 13, 18, .48 ) 100% ),
		var( --obraz-tla ) 62% 52% / cover no-repeat;
}

@media ( max-width: 680px ) {
	.tet-hero[data-tlo], .tet-sekcja[data-tlo] { padding: 28px 20px 32px; border-radius: 18px; }
}

/* ---------------------------------------------------------------------------
   CZYTELNOSC NA TLE

   Kafle i klocki są z założenia przezroczyste — mają tło o kryciu 0,07,
   bo projektowano je na płaską barwę. Nad fotografią to przestaje działać:
   zmierzone na żywej stronie, tekst kafla nad jaśniejszym miejscem zdjęcia ma
   kontrast 1,23:1, czyli jest NIECZYTELNY. Zasłona na całej sekcji tego nie
   naprawia — z rachunku wychodzi, że musiałaby mieć krycie 0,80 i zabiłaby obraz.

   Dlatego czytelność niesie sam kafel, i tylko tam, gdzie pod spodem jest zdjęcie.
   Próg liczony w NAJGORSZYM przypadku, czyli nad czystą bielą, bo tła rozjaśniane
   gammą bywają jaśniejsze niż najjaśniejszy punkt oryginalnego zdjęcia. Próg 4,5:1
   wypada przy kryciu 0,845 — stąd 0,90, a nie 0,86, które miało zapas na granicy błędu.
   Przy 0,90 nad bielą: tekst 5,35:1, tytuł 12,80:1. Między kaflami obraz zostaje widoczny.
   --------------------------------------------------------------------------- */

.tet-sekcja[data-tlo] .zd-pas > li,
.tet-sekcja[data-tlo] .zd-klocek {
	background-color: rgba( 12, 10, 14, .90 );
	backdrop-filter: blur( 2px );
	border-color: rgba( 255, 255, 255, .16 );
	box-shadow: 0 18px 40px -26px rgba( 0, 0, 0, .9 );
}

/* TEKST POBOCZNY NAD TŁEM — podpisy i nadtytuły są ciemniejsze od tekstu głównego
   i przy kryciu kafla 0,90 wypadały PONIŻEJ progu 4,5:1. Podnoszenie krycia nic tu
   nie daje — dla najciemniejszych barw trzeba by 0,99, czyli kafel nieprzezroczysty.
   Dlatego rozjaśniam SAMĄ BARWĘ, w tej samej rodzinie, i tylko pod [data-tlo]. */
.tet-sekcja[data-tlo] {
	--tekst-slaby: #999189;	/* #7f766b dawało 3.5:1, teraz 5.04:1 */
	--etyk: #9c9185;	/* #8a7d70 dawało 3.91:1, teraz 5.06:1 */
}