/* Seznam – styly „Fajfky“, „Tečky v řádku“, „Štítky“, „Řádky“, „Obsah stránky“ */
:where(.is-style-vz-fajfky, .is-style-vz-tecky, .is-style-vz-stitky, .is-style-vz-radky, .is-style-vz-obsah) {
	list-style: none;
	margin: 0;
	padding: 0;
}

.is-style-vz-fajfky {
	display: grid;
	gap: var(--vz-m3);
	font-size: 1rem;
	color: var(--vz-inkoust-jemny);
	max-width: var(--vz-mira);
}
.is-style-vz-fajfky li {
	position: relative;
	padding-left: 28px;
}
.is-style-vz-fajfky li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 18px;
	height: 18px;
	background: var(--vz-zelen);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")
		center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")
		center / contain no-repeat;
}

.is-style-vz-tecky {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	font-size: 0.95rem;
	color: var(--vz-inkoust-jemny);
}
.is-style-vz-tecky li {
	display: flex;
	align-items: center;
	gap: 8px;
}
.is-style-vz-tecky li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--vz-zelen);
}

.is-style-vz-stitky {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.is-style-vz-stitky li {
	font-size: 0.875rem;
	background: var(--vz-salvej-svetla);
	color: var(--vz-zelen-tmava);
	border-radius: 999px;
	padding: 0.35em 0.95em;
}

/* Řádky: tučně název, pod ním popis, kurzívou údaj vpravo (délka, obor …) */
.is-style-vz-radky li {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--vz-m1) var(--vz-m5);
	padding: var(--vz-m5) 0;
	border-bottom: 1px solid var(--vz-linka);
	color: var(--vz-inkoust-jemny);
	font-size: 0.95rem;
}
.is-style-vz-radky li:first-child {
	padding-top: 0;
}
.is-style-vz-radky strong {
	grid-column: 1;
	font-weight: 500;
	font-size: 1.06rem;
	color: var(--vz-inkoust);
}
.is-style-vz-radky em {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	font-family: var(--vz-serif);
	font-size: 1.25rem;
	color: var(--vz-zelen-tmava);
	white-space: nowrap;
	text-align: right;
}
.is-style-vz-radky li.hlavni strong {
	font-family: var(--vz-serif);
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.15;
}
/* varianta se jmény (autoři): jméno patkovým písmem, obor drobně vpravo */
.is-style-vz-radky.vz-jmena li {
	padding: 14px 0;
	align-items: baseline;
	border-color: rgba(var(--vz-zelen-rgb), 0.3);
}
.is-style-vz-radky.vz-jmena strong {
	font-family: var(--vz-serif);
	font-weight: 300;
	font-size: 1.375rem;
}
.is-style-vz-radky.vz-jmena em {
	font-family: var(--vz-sans);
	font-style: normal;
	font-size: 0.9rem;
	color: var(--vz-inkoust-jemny);
	white-space: normal;
}
@media (max-width: 919px) {
	.is-style-vz-radky li {
		gap: 2px 16px;
		padding: 16px 0;
	}
	.is-style-vz-radky li.hlavni strong {
		font-size: 1.35rem;
	}
	.is-style-vz-radky.vz-jmena strong {
		font-size: 1.25rem;
	}
}
@media (max-width: 559px) {
	.is-style-vz-radky em {
		font-size: 1.05rem;
	}
}

/* Obsah stránky: lepicí lišta s kotvami pod plovoucí navigací (obal <nav> přidá šablona) */
.vz-obsah {
	position: sticky;
	top: var(--vz-nav-h);
	z-index: 5;
	background: rgba(var(--vz-papir-rgb), 0.86);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--vz-linka);
}
.is-style-vz-obsah {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	max-width: var(--vz-obal);
	margin: 0 auto;
	padding: 10px var(--vz-gutter);
	box-sizing: border-box;
}
.is-style-vz-obsah::-webkit-scrollbar {
	display: none;
}
.is-style-vz-obsah a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	white-space: nowrap;
	padding: 0 1em;
	border-radius: 999px;
	border: 1px solid var(--vz-linka);
	font-size: 0.92rem;
	text-decoration: none;
	color: var(--vz-inkoust-jemny);
	background: var(--vz-karta);
	transition: all 0.25s;
}
.is-style-vz-obsah a[aria-current="true"] {
	background: var(--vz-inkoust);
	color: var(--vz-papir);
	border-color: var(--vz-inkoust);
}
@media (hover: hover) {
	.is-style-vz-obsah a:hover {
		background: var(--vz-inkoust);
		color: var(--vz-papir);
		border-color: var(--vz-inkoust);
	}
}
@media (max-width: 919px) {
	.is-style-vz-obsah {
		-webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
		mask-image: linear-gradient(90deg, #000 85%, transparent);
	}
	.is-style-vz-obsah a {
		min-height: 44px;
		padding: 0 1.05em;
	}
}

/* Fajfky – varianta s křížky („co po vás nebudu chtít“) */
.vz-fajfky--krizky li::before {
	background: var(--vz-inkoust-jemny);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")
		center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")
		center / contain no-repeat;
}