/* Pasek powiązań — wspólny dla całego serwisu. Samowystarczalny: własne tokeny,
   żeby wyglądał tak samo niezależnie od tego, na której stronie stanie. */
.tlk-pasek {
	--tlk-zloto: #fde291; --tlk-zloto-cieply: #f9d57a; --tlk-etyk: #cda474;
	--tlk-tekst: #b3b1c2; --tlk-slaby: #9393a7; --tlk-mocny: #e6e2ea;
	--tlk-wlos: rgba( 230, 196, 138, .12 ); --tlk-obrys: rgba( 230, 196, 138, .3 );
	--tlk-panel: rgba( 10, 10, 34, .6 );
	--tlk-serif: 'Cormorant Garamond', Georgia, serif; --tlk-sans: Jost, system-ui, sans-serif;
	margin: 56px 0 0; padding-top: 24px; border-top: 1px solid var( --tlk-wlos );
}
.tlk-pasek *, .tlk-pasek *::before, .tlk-pasek *::after { box-sizing: border-box; }
.tlk-pasek__tytul { margin: 0 0 16px; font: 400 10.5px var( --tlk-sans ); letter-spacing: .3em; text-transform: uppercase; color: var( --tlk-etyk ); }
.tlk-tor { position: relative; min-width: 0; contain: inline-size; }
.tlk-pasek__siatka { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding: 4px 2px 12px; margin: -4px -2px -12px; cursor: grab; scroll-behavior: smooth; }
.tlk-pasek__siatka::-webkit-scrollbar { display: none; }
.tlk-pasek__siatka.jest-ciagniety { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.tlk-tor__strz { position: absolute; top: 50%; z-index: 3; display: grid; place-items: center; width: 40px; height: 40px; margin-top: -26px; border: 1px solid rgba( 230, 196, 138, .34 ); border-radius: 50%; background: rgba( 6, 7, 22, .92 ); color: #cda474; cursor: pointer; box-shadow: 0 8px 24px rgba( 0, 0, 0, .5 ); transition: color .2s, border-color .2s, box-shadow .2s; }
.tlk-tor__strz::before { content: ''; width: 10px; height: 10px; margin-left: 4px; border-left: 1.5px solid currentColor; border-top: 1.5px solid currentColor; transform: rotate( -45deg ); }
.tlk-tor__strz--lewo { left: -18px; }
.tlk-tor__strz--prawo { right: -18px; transform: scaleX( -1 ); }
.tlk-tor__strz:hover { color: #fde291; border-color: #fde291; box-shadow: 0 8px 30px rgba( 249, 213, 122, .22 ); }
.tlk-tor__strz[hidden] { display: none; }
.tlk-tor__licznik { position: absolute; right: 4px; bottom: -16px; margin: 0; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: #9393a7; }

.tlk-kafel { flex: 0 0 calc( ( 100% - 3 * 12px ) / 4 ); min-width: 0; scroll-snap-align: start; display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid var( --tlk-wlos ); border-radius: 16px; background: var( --tlk-panel ); color: inherit; text-decoration: none; transition: border-color .2s, transform .2s, background .2s; }
.tlk-kafel:hover { border-color: var( --tlk-obrys ); transform: translateY( -2px ); background: rgba( 230, 196, 138, .06 ); }
.tlk-kafel:focus-visible { outline: 2px solid var( --tlk-zloto ); outline-offset: 3px; }
.tlk-kafel__znak { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var( --tlk-wlos ); background: rgba( 6, 7, 22, .5 ); overflow: hidden; }
.tlk-kafel__znak img { display: block; width: 46px; height: 46px; object-fit: contain; }
.tlk-kafel__znak i { font-style: normal; font-size: 20px; line-height: 1; color: var( --tlk-zloto-cieply ); }
.tlk-kafel__tekst { min-width: 0; display: grid; gap: 2px; }
.tlk-kafel__tekst b { font: 400 17px/1.15 var( --tlk-serif ); color: var( --tlk-zloto-cieply ); }
.tlk-kafel:hover .tlk-kafel__tekst b { color: var( --tlk-zloto ); }
.tlk-kafel__tekst small { font: 300 12px/1.45 var( --tlk-sans ); color: var( --tlk-slaby ); }

@media ( max-width: 680px ) {
	.tlk-kafel { flex-basis: calc( ( 100% - 12px ) / 2 ); }
	.tlk-pasek { margin-top: 40px; }
}

@media ( max-width: 1240px ) { .tlk-kafel { flex-basis: calc( ( 100% - 2 * 12px ) / 3 ); } }
@media ( max-width: 520px ) { .tlk-kafel { flex-basis: calc( 100% - 30px ); } }