/* accordions */

.accordion {
	display: block;
}

@media (min-width: 768px) {
	.accordion {
		display: inline-block;
		margin-right: 0.5em;
	}
}

.accordion {
	padding-bottom: 0px;
}

.accordion > summary::marker,
.accordion > summary::-webkit-details-marker {
	content: "";
	display: none;
}

@media (min-width: 768px) {
	.accordion > summary::after {
		content: ",";
		display: inline-block;
	}

	.accordion:last-of-type > summary::after {
		content: "";
	}
}

.accordion > div {
	padding: var(--margin-medium) 0;
	padding-bottom: var(--margin-large);
}

.accordion > div > p + p {
	margin-top: var(--margin-small);
}

@media (min-width: 768px) {
	.accordion[open] {
		padding-bottom: var(--opened);
	}

	.accordion > div {
		position: absolute;
		padding-bottom: var(--margin-medium);
		width: 100vw;
		left: 0;
	}
	.accordion > div > p {
		width: 66%;
		margin: auto;
	}
}