.koz-tabela-blog,
.koz-tabela-blog-rama,
.koz-tabela-blog-belka {
	--kozt-akcent: #ffcd05;
	--kozt-akcent-2: #eebe3e;
	--kozt-ink: #0a0500;
	--kozt-tekst: #39424c;
	--kozt-cichy: #5a6570;
	--kozt-ramka: #e6e9ee;
	--kozt-tlo: #ffffff;
	--kozt-zebra: #fafbfc;
	--kozt-hover: #fff8dc;
	--kozt-link: #8a6d00;
	--kozt-radius: 16px;
	--kozt-pad-y: 14px;
	--kozt-pad-x: 18px;
	--kozt-pismo: 15px;
	--kozt-podglad: min(380px, 46vh);
	--kozt-zanik: 84px;
	--kozt-odstep: 32px;
}

@supports (height: 1svh) {
	.koz-tabela-blog,
	.koz-tabela-blog-rama,
	.koz-tabela-blog-belka {
		--kozt-podglad: min(380px, 46svh);
	}
}

.koz-tabela-blog {
	position: relative;
	isolation: isolate;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--kozt-ramka);
	border-radius: var(--kozt-radius);
	background: var(--kozt-tlo);
	box-shadow: 0 4px 18px rgba(10, 5, 0, .06);
	transition: max-height .38s cubic-bezier(.4, 0, .2, 1);
}

div.koz-tabela-blog.koz-tabela-blog,
div.koz-tabela-blog-rama.koz-tabela-blog-rama {
	margin-block: var(--kozt-odstep);
}

.koz-tabela-blog-rama > div.koz-tabela-blog.koz-tabela-blog,
.wp-block-table > div.koz-tabela-blog.koz-tabela-blog,
.wp-block-table > div.koz-tabela-blog-rama.koz-tabela-blog-rama {
	margin-block: 0;
}

.wp-block-table:has(> .koz-tabela-blog, > .koz-tabela-blog-rama) {
	overflow: visible;
}

.single-post article > .entry-content :is(.koz-tabela-blog, .koz-tabela-blog-rama) + :is(h2, h3, h4).wp-block-heading {
	margin-top: 46px;
}

:is(.koz-tabela-blog, .koz-tabela-blog-rama) + .koz-tabela-uwaga {
	margin-top: -18px;
}

.koz-tabela-blog::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.koz-tabela-blog::-webkit-scrollbar-track {
	background: var(--kozt-zebra);
}

.koz-tabela-blog::-webkit-scrollbar-thumb {
	border: 2px solid var(--kozt-zebra);
	border-radius: 99px;
	background: #c9ced6;
}

.koz-tabela-blog::-webkit-scrollbar-thumb:hover {
	background: #aab1bb;
}

@supports not selector(::-webkit-scrollbar) {
	.koz-tabela-blog {
		scrollbar-width: thin;
		scrollbar-color: #c9ced6 transparent;
	}
}

.koz-tabela-blog:focus-visible {
	outline: 3px solid rgba(238, 190, 62, .8);
	outline-offset: 2px;
}

.koz-tabela-blog > table,
.wp-block-table > .koz-tabela-blog > table,
.koz-tabela-blog > table.has-fixed-layout {
	width: 100%;
	max-width: none;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
	background: transparent;
	color: var(--kozt-tekst);
	font-size: var(--kozt-pismo);
	line-height: 1.55;
	text-align: left;
}

.koz-tabela-blog > table :is(th, td) {
	padding: var(--kozt-pad-y) var(--kozt-pad-x);
	border: 0;
	font-size: inherit;
	text-align: left;
	vertical-align: top;
	overflow-wrap: break-word;
}

.koz-tabela-blog > table > thead :is(th, td) {
	position: sticky;
	top: 0;
	z-index: 3;
	background: var(--kozt-akcent);
	color: var(--kozt-ink);
	font-weight: 700;
	line-height: 1.4;
	vertical-align: bottom;
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2);
}

.koz-tabela-blog.is-przyklejona > table > thead :is(th, td) {
	top: var(--kozt-top, 0px);
}

.koz-tabela-blog > table > thead :is(strong, b, a) {
	color: inherit;
	font: inherit;
}

.koz-tabela-blog > table > tbody > tr > * {
	border-top: 1px solid var(--kozt-ramka);
	background: var(--kozt-tlo);
	transition: background-color .18s ease;
}

.koz-tabela-blog > table > tbody:first-child > tr:first-child > *,
.koz-tabela-blog > table > thead + tbody > tr:first-child > * {
	border-top: 0;
}

.koz-tabela-blog > table > tbody > tr:nth-child(even) > * {
	background: var(--kozt-zebra);
}

.koz-tabela-blog > table > tbody > tr:hover > * {
	background: var(--kozt-hover);
}

.koz-tabela-blog > table > tbody > tr > :first-child {
	position: sticky;
	left: 0;
	z-index: 2;
	color: var(--kozt-ink);
	font-weight: 600;
	box-shadow: 1px 0 0 var(--kozt-ramka);
}

.koz-tabela-blog > table > thead > tr > :first-child {
	left: 0;
	z-index: 4;
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2), 1px 0 0 rgba(10, 5, 0, .1);
}

.koz-tabela-blog.is-przesunieta > table > tbody > tr > :first-child {
	box-shadow: 1px 0 0 var(--kozt-ramka), 10px 0 14px -10px rgba(10, 5, 0, .22);
}

.koz-tabela-blog.is-przesunieta > table > thead > tr > :first-child {
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2), 1px 0 0 rgba(10, 5, 0, .1), 10px 0 14px -10px rgba(10, 5, 0, .22);
}

.koz-tabela-blog:not(.is-scalona):has(> table > tbody [rowspan]) > table > tbody > tr > :first-child {
	position: static;
	color: inherit;
	font-weight: inherit;
	box-shadow: none;
}

.koz-tabela-blog:not(.is-scalona):has(> table > tbody [rowspan]) > table > tbody > tr > * {
	background: var(--kozt-tlo);
}

.koz-tabela-blog.is-luzna > table > :is(thead, tbody) > tr > :first-child,
.koz-tabela-blog-belka.is-luzna tr > :first-child {
	left: auto;
	box-shadow: none;
}

.koz-tabela-blog.is-luzna > table > thead > tr > :first-child,
.koz-tabela-blog-belka.is-luzna tr > :first-child {
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2);
}

.koz-tabela-blog.is-scalona > table > tbody > tr > * {
	background: var(--kozt-tlo);
}

.koz-tabela-blog.is-scalona > table > tbody > tr > :not(.is-pierwsza) {
	position: static;
	color: inherit;
	font-weight: inherit;
	box-shadow: none;
}

.koz-tabela-blog.is-scalona > table > tbody > tr > .is-pierwsza {
	position: sticky;
	left: 0;
	z-index: 2;
	color: var(--kozt-ink);
	font-weight: 600;
	box-shadow: 1px 0 0 var(--kozt-ramka);
}

.koz-tabela-blog.is-scalona.is-przesunieta > table > tbody > tr > .is-pierwsza {
	box-shadow: 1px 0 0 var(--kozt-ramka), 10px 0 14px -10px rgba(10, 5, 0, .22);
}

.koz-tabela-blog.is-scalona.is-luzna > table > tbody > tr > .is-pierwsza {
	left: auto;
	box-shadow: none;
}

.koz-tabela-blog.is-scalona > table > tbody.is-pas > tr > * {
	background: var(--kozt-zebra);
}

.koz-tabela-blog.is-scalona > table > tbody:hover > tr > * {
	background: var(--kozt-hover);
}

@keyframes kozt-cel {
	from {
		background-color: #ffe27a;
	}
}

@keyframes kozt-cel-pierwsza {
	from {
		box-shadow: inset 4px 0 0 #e0a800, 1px 0 0 var(--kozt-ramka);
	}
}

.koz-tabela-blog > table > tbody > tr.is-cel > *,
.koz-tabela-blog > table > tbody.is-cel > tr > * {
	animation: kozt-cel 2.4s ease-out;
}

.koz-tabela-blog > table > tbody > tr.is-cel > :first-child,
.koz-tabela-blog.is-scalona > table > tbody.is-cel > tr > .is-pierwsza {
	animation: kozt-cel 2.4s ease-out, kozt-cel-pierwsza 2.4s ease-out;
}

.koz-tabela-blog > table > tbody th {
	color: var(--kozt-ink);
	font-weight: 600;
}

.koz-tabela-blog > table > tfoot :is(th, td) {
	border-top: 1px solid var(--kozt-ramka);
	background: #f7f8fa;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

.koz-tabela-blog > table > caption {
	caption-side: top;
	padding: 14px var(--kozt-pad-x) 12px;
	color: var(--kozt-ink);
	font-size: var(--kozt-pismo);
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}

.koz-tabela-blog [id] {
	scroll-margin-top: 190px;
}

.koz-tabela-blog > table strong {
	color: var(--kozt-ink);
	font-weight: 700;
}

.koz-tabela-blog > table a {
	color: var(--kozt-link);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.koz-tabela-blog > table a:hover {
	color: var(--kozt-ink);
}

.koz-tabela-blog > table :is(td, th) > :is(p, ul, ol) {
	margin: 0 0 .6em;
}

.koz-tabela-blog > table :is(td, th) > :is(p, ul, ol):last-child {
	margin-bottom: 0;
}

.koz-tabela-blog > table :is(td, th) > :is(ul, ol) {
	padding-left: 1.15em;
}

.koz-tabela-blog:not(.koz-tabela-blog--cala):not(.is-rozwinieta) {
	max-height: var(--kozt-podglad);
}

.koz-tabela-blog.is-zwinieta {
	-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--kozt-zanik)), transparent 100%);
	        mask-image: linear-gradient(to bottom, #000 calc(100% - var(--kozt-zanik)), transparent 100%);
}

.koz-tabela-blog.is-dalej {
	-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 64px), transparent 100%);
	        mask-image: linear-gradient(to right, #000 calc(100% - 64px), transparent 100%);
}

.koz-tabela-blog.is-zwinieta.is-dalej {
	-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--kozt-zanik)), transparent 100%), linear-gradient(to right, #000 calc(100% - 64px), transparent 100%);
	        mask-image: linear-gradient(to bottom, #000 calc(100% - var(--kozt-zanik)), transparent 100%), linear-gradient(to right, #000 calc(100% - 64px), transparent 100%);
	-webkit-mask-composite: source-in;
	        mask-composite: intersect;
}

.koz-tabela-blog.is-przyklejona {
	overflow: clip;
}

.koz-tabela-blog-rama > .koz-tabela-blog-przycisk {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	max-width: 100%;
	min-height: 0;
	margin: -22px auto 0;
	padding: 8px 20px 8px 9px;
	border: 1px solid var(--kozt-ramka);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(10, 5, 0, .12);
	color: var(--kozt-ink);
	font-family: inherit;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.koz-tabela-blog-rama > .koz-tabela-blog-przycisk[hidden] {
	display: none;
}

.koz-tabela-blog-rama.is-rozwinieta > .koz-tabela-blog-przycisk {
	margin-top: 14px;
}

.koz-tabela-blog-rama > .koz-tabela-blog-przycisk:is(:hover, :focus, :active) {
	border-color: var(--kozt-ramka);
	background: #fff;
	color: var(--kozt-ink);
	transform: none;
}

.koz-tabela-blog-rama > .koz-tabela-blog-przycisk:hover {
	border-color: var(--kozt-akcent-2);
	box-shadow: 0 8px 22px rgba(10, 5, 0, .18);
}

.koz-tabela-blog-rama > .koz-tabela-blog-przycisk:focus-visible {
	outline: 3px solid rgba(238, 190, 62, .8);
	outline-offset: 2px;
}

.koz-tabela-blog-przycisk__ikona {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--kozt-akcent);
	transition: transform .25s ease;
}

.koz-tabela-blog-rama.is-rozwinieta .koz-tabela-blog-przycisk__ikona {
	transform: rotate(180deg);
}

.koz-tabela-blog-przycisk__ikona svg {
	display: block;
	width: 14px;
	height: 14px;
	fill: none;
	stroke: var(--kozt-ink);
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.koz-tabela-blog-przycisk__licznik {
	color: var(--kozt-cichy);
	font-weight: 500;
}

.koz-tabela-blog-przycisk__licznik[hidden] {
	display: none;
}

.koz-tabela-blog-belka {
	position: fixed;
	top: var(--kozt-top, 0px);
	left: 0;
	z-index: 40;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
	box-shadow: 0 8px 18px rgba(10, 5, 0, .14);
}

.koz-tabela-blog-belka.is-widoczna {
	visibility: visible;
}

.koz-tabela-blog-belka > table {
	width: auto;
	max-width: none;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	background: transparent;
	font-size: var(--kozt-pismo);
}

.koz-tabela-blog-belka :is(th, td) {
	box-sizing: border-box;
	padding: var(--kozt-pad-y) var(--kozt-pad-x);
	border: 0;
	background: var(--kozt-akcent);
	color: var(--kozt-ink);
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
	vertical-align: bottom;
	overflow-wrap: break-word;
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2);
}

.koz-tabela-blog-belka tr > :first-child {
	position: sticky;
	left: 0;
	z-index: 2;
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2), 1px 0 0 rgba(10, 5, 0, .1);
}

.koz-tabela-blog-belka.is-przesunieta tr > :first-child {
	box-shadow: inset 0 -2px 0 var(--kozt-akcent-2), 1px 0 0 rgba(10, 5, 0, .1), 10px 0 14px -10px rgba(10, 5, 0, .22);
}

.koz-tabela-blog-belka :is(strong, b, a) {
	color: inherit;
	font: inherit;
}

@media (max-width: 700px) {
	.koz-tabela-blog,
	.koz-tabela-blog-rama,
	.koz-tabela-blog-belka {
		--kozt-radius: 14px;
		--kozt-pad-y: 11px;
		--kozt-pad-x: 14px;
		--kozt-pismo: 14px;
		--kozt-podglad: min(300px, 44vh);
		--kozt-zanik: 72px;
		--kozt-odstep: 26px;
	}

	@supports (height: 1svh) {
		.koz-tabela-blog,
		.koz-tabela-blog-rama,
		.koz-tabela-blog-belka {
			--kozt-podglad: min(300px, 44svh);
		}
	}

	.koz-tabela-blog.is-karty {
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.koz-tabela-blog.is-karty:not(.koz-tabela-blog--cala):not(.is-rozwinieta),
	.koz-tabela-blog.is-karty.is-ruch {
		overflow: hidden;
	}

	.koz-tabela-blog.is-karty > table {
		min-width: 0 !important;
	}

	.koz-tabela-blog.is-karty > table,
	.koz-tabela-blog.is-karty > table > :is(tbody, tfoot),
	.koz-tabela-blog.is-karty > table > :is(tbody, tfoot) > tr,
	.koz-tabela-blog.is-karty > table > :is(tbody, tfoot) > tr > * {
		display: block;
		width: auto;
	}

	.koz-tabela-blog.is-karty > table > thead {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.koz-tabela-blog.is-karty > table > :is(tbody, tfoot) > tr {
		margin-bottom: 14px;
		border: 1px solid var(--kozt-ramka);
		border-radius: var(--kozt-radius);
		overflow: hidden;
		background: var(--kozt-tlo);
		box-shadow: 0 4px 14px rgba(10, 5, 0, .06);
	}

	.koz-tabela-blog.is-karty > table > :last-child > tr:last-child {
		margin-bottom: 0;
	}

	.koz-tabela-blog.is-karty > table > tbody > tr > * {
		position: static;
		padding: 11px 16px 12px;
		border-top: 0;
		box-shadow: none;
		color: var(--kozt-tekst);
		font-size: 15px;
		font-weight: 400;
	}

	.koz-tabela-blog.is-karty > table > tbody > tr > :is(th, td) + :is(th, td) {
		border-top: 1px solid var(--kozt-ramka);
	}

	.koz-tabela-blog.is-karty > table > tbody > tr:nth-child(even) > *,
	.koz-tabela-blog.is-karty > table > tbody > tr:hover > * {
		background: var(--kozt-tlo);
	}

	.koz-tabela-blog.is-karty > table > tbody > tr > [data-etykieta]::before {
		content: attr(data-etykieta);
		display: block;
		margin-bottom: 3px;
		color: var(--kozt-cichy);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: .04em;
		text-transform: uppercase;
	}

	.koz-tabela-blog.is-karty > table > tbody > tr > :first-child {
		padding: 13px 16px;
		background: var(--kozt-akcent);
		color: var(--kozt-ink);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4;
	}

	.koz-tabela-blog.is-karty > table > tbody > tr > :first-child::before {
		content: none;
	}

	.koz-tabela-blog.is-karty > table > tbody > tr > :first-child :is(strong, b) {
		color: inherit;
		font: inherit;
	}

	.koz-tabela-blog.is-karty > table > tfoot > tr > * {
		border-top: 0;
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody {
		margin-bottom: 14px;
		border: 1px solid var(--kozt-ramka);
		border-radius: var(--kozt-radius);
		overflow: hidden;
		background: var(--kozt-tlo);
		box-shadow: 0 4px 14px rgba(10, 5, 0, .06);
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody:last-of-type {
		margin-bottom: 0;
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr {
		margin: 0;
		border: 0;
		border-radius: 0;
		overflow: visible;
		box-shadow: none;
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr + tr {
		border-top: 8px solid #f0f2f5;
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr > :not(.is-pierwsza) {
		background: var(--kozt-tlo);
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr > :first-child:not(.is-pierwsza) {
		padding: 11px 16px 12px;
		color: var(--kozt-tekst);
		font-size: 15px;
		font-weight: 400;
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr > :first-child:not(.is-pierwsza)[data-etykieta]::before {
		content: attr(data-etykieta);
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr > .is-druga:not(.is-pierwsza) {
		color: var(--kozt-ink);
		font-weight: 600;
	}

	.koz-tabela-blog.is-karty.is-scalona > table > tbody > tr > .is-pierwsza {
		padding: 13px 16px;
		background: var(--kozt-akcent);
		color: var(--kozt-ink);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4;
	}

	.koz-tabela-blog-rama > .koz-tabela-blog-przycisk {
		font-size: 14px;
	}

	:is(.koz-tabela-blog, .koz-tabela-blog-rama) + .koz-tabela-uwaga {
		margin-top: -12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.koz-tabela-blog,
	.koz-tabela-blog > table > tbody > tr > *,
	.koz-tabela-blog-rama > .koz-tabela-blog-przycisk,
	.koz-tabela-blog-przycisk__ikona {
		transition: none;
	}

	.koz-tabela-blog > table > tbody > tr.is-cel > *,
	.koz-tabela-blog > table > tbody.is-cel > tr > * {
		animation: none;
		background: #fff3c4;
	}
}

@media print {
	.koz-tabela-blog {
		max-height: none !important;
		overflow: visible !important;
		box-shadow: none;
		-webkit-mask-image: none !important;
		        mask-image: none !important;
	}

	.koz-tabela-blog > table {
		min-width: 0 !important;
	}

	.koz-tabela-blog > table > thead :is(th, td),
	.koz-tabela-blog > table > tbody > tr > :first-child {
		position: static;
	}

	.koz-tabela-blog-rama > .koz-tabela-blog-przycisk,
	.koz-tabela-blog-belka {
		display: none;
	}
}