.summary-container {
	position: sticky;
	position: sticky;
	top: var(--header-height);
	max-height: calc(100svh - var(--header-height));
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--custom-gris-clair);
	border-radius: 24px;
	font-size: var(--wp--preset--font-size--x-small);
}

.summary {
	max-height: calc(100svh - var(--header-height) - 8px);
	padding-right: var(--wp--preset--spacing--50);
	padding-left: var(--wp--preset--spacing--50);
	overflow: auto;
	background-color: white;
}

.summary-title {
	position: sticky;
	position: sticky;
	top: 0;
	z-index: 10;
	padding: var(--wp--preset--spacing--40) 0;
	margin-top: 0;
	border-bottom: 1px solid var(--wp--preset--color--custom-gris-clair);
	font-size: var(--wp--preset--font-size--regular);
	color: var(--wp--preset--color--custom-bleu-fonc);
}

.summary ol {
	list-style-type: none;
	counter-reset: item;
}

.summary a {
	text-decoration: none;
	color: var(--wp--preset--color--custom-bleu-fonc);
	transition: color 0.3s ease-in-out;
}

.summary a:hover {
	color: var(--wp--preset--color--custom-bleu-clair);
}

.summary strong {
	font-weight: 500;
}

.summary ol > li {
	margin: var(--wp--preset--spacing--30) 0;
	counter-increment: item;
}

.summary li::before {
	font-weight: 500;
	color: var(--wp--preset--color--custom-bleu-fonc);
}

.summary ol > li::before {
	content: counters(item, '.') ' - ';
}

.summary > ol {
	padding-left: 0;
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--40);
	font-weight: 500;
}

.summary > ol ol {
	padding-left: var(--wp--preset--spacing--40);
	font-weight: 300;
}

.summary mark {
	display: none;
}