.up-akordeon {
	display: flex;
	flex-direction: column;
	gap: 12px;
	interpolate-size: allow-keywords;
}

.up-akordeon__polozka {
	padding: 20px 24px;
	border: 1.5px solid var(--up-ramecek);
	border-radius: var(--up-radius-karta);
	background: var(--up-bila);
	box-shadow: var(--up-stin-karta);
	transition: border-color .15s ease;
}

.up-akordeon__polozka:hover,
.up-akordeon__polozka[open] {
	border-color: #c9c6e0;
}

.up-akordeon__otazka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	color: var(--up-ink);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	list-style: none;
	cursor: pointer;
}

.up-akordeon__otazka::-webkit-details-marker {
	display: none;
}

.up-akordeon__otazka::marker {
	content: "";
}

.up-akordeon__otazka:focus-visible {
	border-radius: 6px;
	outline-offset: 6px;
}

.up-akordeon__ikona {
	position: relative;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--up-stitek);
	color: var(--up-ink);
	transition: background-color .2s ease, color .2s ease;
}

.up-akordeon__ikona::before,
.up-akordeon__ikona::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: currentColor;
	transition: transform .2s ease;
}

.up-akordeon__ikona::after {
	transform: rotate(90deg);
}

.up-akordeon__otazka:hover .up-akordeon__ikona {
	background: var(--up-cara);
}

.up-akordeon__polozka[open] .up-akordeon__ikona {
	background: var(--up-ink);
	color: var(--up-bila);
}

.up-akordeon__polozka[open] .up-akordeon__ikona::after {
	transform: rotate(0deg);
}

.up-akordeon__odpoved {
	padding-top: 12px;
	color: var(--up-text);
	font-size: 14.5px;
	line-height: 1.65;
	text-wrap: pretty;
}

.up-akordeon__odpoved > * + * {
	margin-top: 12px;
}

.up-akordeon__odpoved p,
.up-akordeon__odpoved ul,
.up-akordeon__odpoved ol {
	margin-bottom: 0;
}

.up-akordeon__odpoved ul,
.up-akordeon__odpoved ol {
	padding-left: 20px;
}

.up-akordeon__odpoved li + li {
	margin-top: 6px;
}

.up-akordeon__odpoved li::marker {
	color: var(--up-zelena);
}

.up-akordeon__odpoved strong {
	color: var(--up-ink);
	font-weight: 600;
}

.up-akordeon__odpoved a {
	color: var(--up-ink);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--up-podtrzeni);
	text-underline-offset: 3px;
}

.up-akordeon__odpoved a:hover {
	text-decoration-color: var(--up-ink);
}

.up-akordeon__odpoved img {
	height: auto;
	border-radius: 12px;
}

@media (prefers-reduced-motion: no-preference) {
	.up-akordeon__polozka::details-content {
		block-size: 0;
		overflow-y: clip;
		transition: block-size .25s ease, content-visibility .25s ease;
		transition-behavior: allow-discrete;
	}

	.up-akordeon__polozka[open]::details-content {
		block-size: auto;
	}
}

@media (max-width: 699px) {
	.up-akordeon__polozka {
		padding: 18px 18px 18px 20px;
	}

	.up-akordeon__otazka {
		font-size: 16px;
	}
}