/* Czytelnia — artykuły z bazy wiedzy i ich spis. Paleta bazowa serwisu. */
.tcz, .tcz-spis {
	--tlo: #020316; --tlo-panel: #070518; --tlo-karta: #08061a;
	--zloto: #fde291; --zloto-cieply: #f9d57a; --zloto-ciemne: #e6c48a; --zloto-etyk: #cda474;
	--lawenda: #ad97d3; --neon: #a06ffb; --tekst: #b3b1c2; --tekst-slaby: #9393a7; --tekst-mocny: #e6e2ea;
	--serif: 'Cormorant Garamond', 'Times New Roman', serif; --sans: 'Jost', system-ui, sans-serif;
	color: var( --tekst ); font: 300 16px/1.75 var( --sans );
}
.tcz *, .tcz-spis * { box-sizing: border-box; }
body:has( .tcz ), body:has( .tcz-spis ) { background: #020316; }
body:has( .tcz ) .wp-site-blocks > header, body:has( .tcz ) header.wp-block-template-part, body:has( .tcz ) .wp-site-blocks > footer, body:has( .tcz ) footer.wp-block-template-part, body:has( .tcz ) .wp-block-post-title, body:has( .tcz ) .wp-block-post-date, body:has( .tcz ) .wp-block-post-author, body:has( .tcz ) .wp-block-post-terms, body:has( .tcz ) .wp-block-post-featured-image, body:has( .tcz ) .wp-block-comments, body:has( .tcz ) .wp-block-post-navigation-link, body:has( .tcz ) .wp-block-query-pagination,
body:has( .tcz-spis ) .wp-site-blocks > header, body:has( .tcz-spis ) header.wp-block-template-part, body:has( .tcz-spis ) .wp-site-blocks > footer, body:has( .tcz-spis ) footer.wp-block-template-part, body:has( .tcz-spis ) .wp-block-post-title { display: none !important; }
body:has( .tcz ) .wp-site-blocks, body:has( .tcz ) .wp-block-group, body:has( .tcz ) .wp-block-post-content, body:has( .tcz-spis ) .wp-site-blocks, body:has( .tcz-spis ) .wp-block-group, body:has( .tcz-spis ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .tcz ) .wp-block-post-content > *, body:has( .tcz ) .entry-content > *, body:has( .tcz-spis ) .wp-block-post-content > *, body:has( .tcz-spis ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

.tcz { max-width: 760px; margin: 0 auto; padding: 50px 24px 80px; }
.tcz-nad { margin: 0 0 10px; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto-etyk ); text-align: center; }
.tcz-nad i { font-style: normal; color: var( --zloto-ciemne ); margin: 0 10px; }
.tcz-h1 { margin: 0 0 14px; text-align: center; font: 500 clamp( 32px, 4.4vw, 46px )/1.12 var( --serif ); color: var( --zloto-cieply ); }
.tcz-lead { margin: 0 0 26px; text-align: center; font-size: 17px; line-height: 1.65; color: var( --lawenda ); }
.tcz-obraz { margin: 0 auto 30px; width: 100%; max-width: 420px; }
.tcz-obraz img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 24px 50px rgba( 0, 0, 0, .5 ); }
.tcz-obraz--okrag { max-width: 260px; }
.tcz-obraz--okrag img { border-radius: 999px; }
.tcz-obraz--szeroki { max-width: 760px; }
.tcz-obraz--karta { max-width: 300px; }
.tcz-obraz--karta img { border-radius: 14px; }
.tcz-glif { margin: 0 0 26px; text-align: center; font: 400 64px/1 var( --serif ); color: var( --zloto ); text-shadow: 0 0 30px rgba( 253, 226, 145, .35 ); }
.tcz-glif--cjk { font-family: 'Noto Serif SC', serif; font-size: 84px; }
.tcz-glif--liczba { font-size: 72px; }
.tcz-obraz + .tcz-glif { margin-top: -14px; font-size: 34px; }
.tcz-sekcja { margin: 0 0 30px; }
.tcz-sekcja h2 { margin: 0 0 8px; font: 500 26px/1.2 var( --serif ); color: var( --zloto ); }
.tcz-sekcja p { margin: 0 0 14px; color: var( --tekst-mocny ); }
.tcz-narzedzie { margin: 40px 0 20px; padding: 24px 28px; border: 1px solid rgba( 160, 111, 251, .4 ); border-radius: 16px; background: var( --tlo-panel ); box-shadow: 0 0 30px rgba( 116, 66, 214, .2 ); text-align: center; }
.tcz-narzedzie b { display: block; margin: 0 0 6px; font-weight: 400; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tcz-narzedzie p { margin: 0 0 16px; font-size: 15px; color: var( --tekst-mocny ); }
.tcz-btn { display: inline-block; height: 46px; padding: 0 28px; border: 1px solid var( --zloto-ciemne ); border-radius: 999px; background: linear-gradient( 180deg, rgba( 253, 226, 145, .16 ), rgba( 253, 226, 145, .04 ) ); color: var( --zloto ); font: 400 12px/44px var( --sans ); letter-spacing: .22em; text-transform: uppercase; text-decoration: none; }
.tcz-btn:hover { background: rgba( 253, 226, 145, .22 ); box-shadow: 0 0 22px rgba( 253, 226, 145, .18 ); }
.tcz-wiecej { margin: 0; text-align: center; }
.tcz-wiecej a, .tcz-link { color: var( --zloto-ciemne ); font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgba( 230, 196, 138, .3 ); }
.tcz-wiecej a:hover, .tcz-link:hover { color: var( --zloto ); border-color: var( --zloto ); }

.tcz-spis { max-width: 1520px; margin: 0 auto; padding: 50px 28px 80px; }
.tcz-spis__glowa { max-width: 780px; margin: 0 auto 40px; text-align: center; }
.tcz-dzial { margin: 0 0 44px; padding: 26px 30px; border: 1px solid rgba( 160, 111, 251, .32 ); border-radius: 18px; background: var( --tlo-panel ); box-shadow: 0 0 30px rgba( 116, 66, 214, .16 ); }
.tcz-dzial__glowa { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin: 0 0 18px; }
.tcz-dzial__glowa h2 { margin: 0; font: 500 30px var( --serif ); color: var( --zloto-cieply ); }
.tcz-kafle { display: grid; grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) ); gap: 14px; }
.tcz-kafel { display: grid; gap: 6px; justify-items: center; padding: 14px 12px 16px; border: 1px solid rgba( 230, 196, 138, .16 ); border-radius: 14px; background: var( --tlo-karta ); text-align: center; text-decoration: none; color: var( --tekst ); transition: border-color .2s, transform .2s; }
.tcz-kafel:hover { border-color: var( --zloto-ciemne ); transform: translateY( -2px ); }
.tcz-kafel__obraz { display: grid; place-items: center; width: 96px; height: 96px; border-radius: 999px; overflow: hidden; background: radial-gradient( circle at 50% 40%, #1a1436, #0b0a18 70% ); }
.tcz-kafel__obraz img { width: 100%; height: 100%; object-fit: cover; }
.tcz-kafel__obraz b { font: 400 40px 'Cormorant Garamond', 'Noto Serif SC', serif; color: var( --zloto ); }
.tcz-kafel__tytul { font: 500 18px/1.2 var( --serif ); color: var( --zloto-cieply ); }
.tcz-kafel__lead { font-size: 12px; line-height: 1.45; color: var( --tekst-slaby ); }
@media ( max-width: 700px ) { .tcz-dzial__glowa { flex-direction: column; } .tcz-dzial { padding: 18px 16px; } }

body:has( .tcz ) .wp-block-post-content > .tcz, body:has( .tcz ) .entry-content > .tcz, .tcz { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; }
body:has( .tcz-spis ) .wp-block-post-content > .tcz-spis, body:has( .tcz-spis ) .entry-content > .tcz-spis, .tcz-spis { max-width: 1520px !important; margin-left: auto !important; margin-right: auto !important; }

/* ── Karta liczby (1:1 z makietą „Liczba 2”) ─────────────────────────────────────────── */
body:has( .tcl ) .wp-block-post-content > .tcl, body:has( .tcl ) .entry-content > .tcl, .tcz.tcl { max-width: 1520px !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 24px 70px; background: var( --tlo-strony ) center top / 100% auto no-repeat, #020316; }
.tcl .tcz-glif { display: none; }
.tcl-hero--wypalona .tcl-hero__liczba { display: none; }
.tcl-hero__ukryte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect( 0 0 0 0 ); white-space: nowrap; }
.tcl-siatka { display: grid; grid-template-columns: minmax( 0, 1.86fr ) minmax( 0, 1fr ); gap: 20px; align-items: start; }
.tcl-panel { border: 1px solid rgba( 160, 111, 251, .42 ); border-radius: 18px; background: linear-gradient( 180deg, rgba( 10, 8, 34, .88 ), rgba( 6, 5, 23, .92 ) ); backdrop-filter: blur( 6px ); box-shadow: 0 0 28px rgba( 116, 66, 214, .16 ); }
.tcl-nad { margin: 4px 0 0; font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tcl-stopka-panelu { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0; font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tcl-stopka-panelu i { flex: 0 0 auto; font-style: normal; color: var( --zloto-ciemne ); }
.tcl-stopka-panelu::before, .tcl-stopka-panelu::after { content: ''; flex: 1 1 24px; max-width: 60px; height: 1px; background: linear-gradient( 90deg, transparent, var( --zloto-ciemne ) ); }
.tcl-stopka-panelu::after { background: linear-gradient( 90deg, var( --zloto-ciemne ), transparent ); }

/* hero */
.tcl-hero { position: relative; overflow: hidden; min-height: 560px; aspect-ratio: 715 / 431; border: 1px solid rgba( 160, 111, 251, .42 ); border-radius: 18px; background: linear-gradient( 90deg, rgba( 5, 6, 26, .7 ), rgba( 5, 6, 26, .35 ) 42%, transparent 58% ), var( --tlo ) center / cover no-repeat, #070519; box-shadow: 0 0 28px rgba( 116, 66, 214, .16 ); }
.tcl-hero__nad { position: absolute; left: 11.5%; top: 21%; margin: 0; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tcl-hero__nad i { font-style: normal; color: var( --zloto ); margin: 0 12px; font-size: 10px; }
.tcl-hero__h1 { position: absolute; left: 11.5%; top: 26.5%; margin: 0; font: 400 clamp( 52px, 6.6vw, 88px )/1 var( --serif ); color: var( --zloto-cieply ); letter-spacing: .01em; }
.tcl-hero__haslo { position: absolute; left: 11.5%; top: 47%; margin: 0; font: 300 clamp( 18px, 1.9vw, 27px )/1.3 var( --sans ); color: var( --lawenda ); }
.tcl-hero__cytat { position: absolute; left: 14%; top: 61%; margin: 0; max-width: 20ch; font: italic 400 clamp( 16px, 1.5vw, 21px )/1.45 var( --serif ); color: var( --zloto-cieply ); }
.tcl-hero__liczba { position: absolute; left: 50%; top: 33%; width: 220px; height: 220px; transform: translate( -50%, -50% ); display: grid; place-items: center; border-radius: 999px; background: radial-gradient( circle, rgba( 6, 7, 28, .7 ) 0 28%, rgba( 6, 7, 28, .3 ) 42%, transparent 58% ); }
.tcl-hero__liczba b { font: 400 150px/1 var( --serif ); font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; color: #f6d98a; text-shadow: 0 0 22px rgba( 253, 226, 145, .55 ); }
.tcl-hero__pas { position: absolute; left: 4%; right: 4%; bottom: 8%; display: flex; align-items: center; gap: 18px; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tcl-hero__pas i { flex: 1 1 auto; height: 1px; background: linear-gradient( 90deg, transparent, rgba( 230, 196, 138, .55 ), transparent ); }
.tcl-hero__pas b { font-weight: 400; color: var( --zloto ); }

/* esencja */
.tcl-esencja { align-self: stretch; display: flex; flex-direction: column; padding: 34px 34px 26px; }
.tcl-esencja h2 { margin: 0; font: 400 clamp( 32px, 3vw, 44px )/1.1 var( --serif ); color: var( --zloto-cieply ); }
.tcl-esencja ul { flex: 1 1 auto; list-style: none; margin: 26px 0 22px; padding: 0; display: grid; gap: 20px; align-content: space-evenly; }
.tcl-esencja li { display: grid; grid-template-columns: 54px 1fr; gap: 20px; align-items: center; }
.tcl-esencja b { display: block; font: 500 20px/1.2 var( --serif ); color: var( --tekst-mocny ); }
.tcl-esencja p { margin: 3px 0 0; font-size: 13.5px; line-height: 1.5; color: var( --tekst ); }
.tcl-ikona { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba( 230, 196, 138, .6 ); border-radius: 999px; color: var( --zloto ); background: rgba( 253, 226, 145, .04 ); box-shadow: 0 0 14px rgba( 253, 226, 145, .12 ); }
.tcl-ikona svg { width: 26px; height: 26px; }

/* sekcje 01–07 */
.tcl-sekcje { display: grid; gap: 12px; }
.tcl-sekcja { display: grid; grid-template-columns: 178px minmax( 0, 1fr ) 150px; gap: 22px; align-items: center; padding: 14px 26px 14px 14px; border: 1px solid rgba( 160, 111, 251, .3 ); border-radius: 16px; background: linear-gradient( 180deg, rgba( 11, 9, 37, .88 ), rgba( 7, 6, 25, .92 ) ); backdrop-filter: blur( 6px ); box-shadow: 0 0 22px rgba( 116, 66, 214, .12 ); }
.tcl-sekcja figure { margin: 0; aspect-ratio: 129 / 102; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 26px rgba( 0, 0, 0, .5 ); }
.tcl-sekcja figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tcl-sekcja__tresc h2 { margin: 0 0 8px; font: 400 26px/1.15 var( --serif ); color: var( --zloto-cieply ); }
.tcl-sekcja__tresc p { margin: 0 0 8px; font-size: 14px; line-height: 1.6; color: var( --tekst-mocny ); }
.tcl-sekcja__tresc p:last-child { margin-bottom: 0; }
.tcl-sekcja__nr { text-align: right; }
.tcl-sekcja__nr b { display: block; font: 400 24px/1 var( --serif ); font-variant-numeric: lining-nums; color: var( --lawenda ); }
.tcl-sekcja__nr span { display: block; margin-top: 12px; font-size: 9.5px; line-height: 1.7; letter-spacing: .26em; text-transform: uppercase; color: #8d8bb0; }

/* prawa kolumna */
.tcl-prawa { display: grid; gap: 20px; }
.tcl-praktyka { padding: 28px 30px 26px; }
.tcl-praktyka h2, .tcl-wibracje h2, .tcl-cta h2 { margin: 0; font: 400 30px/1.15 var( --serif ); color: var( --zloto-cieply ); }
.tcl-praktyka ul { list-style: none; margin: 22px 0 18px; padding: 0; display: grid; gap: 12px; }
.tcl-praktyka li { display: grid; grid-template-columns: 20px 1fr; gap: 12px; font-size: 14px; line-height: 1.55; color: var( --tekst-mocny ); }
.tcl-praktyka li i { font-style: normal; color: var( --zloto ); font-size: 13px; line-height: 1.7; }
.tcl-praktyka__cytat { margin: 0; padding-top: 16px; border-top: 1px solid rgba( 230, 196, 138, .18 ); text-align: center; font: italic 400 16.5px/1.5 var( --serif ); color: var( --zloto-cieply ); }
.tcl-wibracje { padding: 26px 30px 28px; }
.tcl-wibracje__rzad { display: flex; justify-content: center; align-items: center; gap: 34px; margin-top: 22px; }
.tcl-wibracja { display: grid; justify-items: center; gap: 10px; text-decoration: none; }
.tcl-wibracja b { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid rgba( 230, 196, 138, .55 ); border-radius: 999px; font: 400 26px var( --serif ); font-variant-numeric: lining-nums; color: var( --tekst-mocny ); transition: box-shadow .2s, border-color .2s; }
.tcl-wibracja span { font-size: 9.5px; letter-spacing: .26em; text-transform: uppercase; color: #8d8bb0; text-align: center; max-width: 12ch; line-height: 1.5; }
.tcl-wibracja.jest b { width: 76px; height: 76px; font-size: 32px; color: var( --zloto ); border-color: var( --zloto ); box-shadow: 0 0 0 5px #070619, 0 0 0 6px rgba( 230, 196, 138, .45 ), 0 0 24px rgba( 253, 226, 145, .3 ); }
.tcl-wibracja.jest span { color: var( --zloto-etyk ); }
.tcl-wibracja:hover b { border-color: var( --zloto ); box-shadow: 0 0 18px rgba( 253, 226, 145, .3 ); }
.tcl-cta { position: relative; overflow: hidden; padding: 0 30px 24px; text-align: center; }
.tcl-cta__obraz { height: 130px; margin: 0 -30px 18px; background: var( --tlo ) center / cover no-repeat; -webkit-mask-image: linear-gradient( 180deg, #000 55%, transparent ); mask-image: linear-gradient( 180deg, #000 55%, transparent ); }
.tcl-cta h2 { font-size: 27px; }
.tcl-cta p { margin: 10px 0 18px; font-size: 13.5px; line-height: 1.55; color: var( --tekst ); }
.tcl-btn { display: inline-block; margin: 0 0 20px; padding: 12px 34px; border-radius: 999px; background: linear-gradient( 90deg, #e6c48a, #fde291 ); color: #14102a; font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; box-shadow: 0 0 24px rgba( 253, 226, 145, .3 ); }
.tcl-btn:hover { box-shadow: 0 0 34px rgba( 253, 226, 145, .5 ); }

@media ( max-width: 1100px ) {
	.tcl-siatka { grid-template-columns: 1fr; }
	.tcl-hero { min-height: 0; }
	.tcl-sekcja { grid-template-columns: 140px 1fr; }
	.tcl-sekcja__nr { grid-column: 2; text-align: left; }
}
@media ( max-width: 640px ) {
	.tcl-hero { aspect-ratio: auto; min-height: 520px; }
	.tcl-hero__liczba { left: 50%; top: 52%; }
	.tcl-hero__cytat { top: 64%; }
	.tcl-sekcja { grid-template-columns: 1fr; }
	.tcl-esencja li { grid-template-columns: 46px 1fr; }
}