.sda-anchor-articles {
	--sda-heading-color: #ffda82;
	--sda-sticky-top-desktop: 24px;
	--sda-sticky-top-responsive: 0px;
	--sda-sticky-top: var(--sda-sticky-top-desktop);
	--sda-header-offset: 0px;
	--sda-anchor-offset: calc(var(--sda-sticky-top) + var(--sda-header-offset));
	width: 100%;
}

.sda-anchor-articles__nav-col {
	align-self: stretch;
}

.sda-anchor-articles__nav {
	position: sticky;
	top: var(--sda-anchor-offset);
	z-index: 5;
	max-height: calc(100vh - var(--sda-anchor-offset) - 1rem);
	overflow: auto;
	padding-left: 10px;
	border-left: 1px solid #b5b5b5;
	transition: top 180ms ease, max-height 180ms ease;
}

.sda-anchor-articles__nav-list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sda-anchor-articles__nav-link {
	display: block;
	color: #111;
	font-weight: 400;
	line-height: 1.25;
	text-decoration: none;
	text-decoration-thickness: 2px;
	text-underline-offset: .18em;
	overflow-wrap: anywhere;
	transition: color 160ms ease, opacity 160ms ease, text-decoration-color 160ms ease;
}

.sda-anchor-articles__nav-link:hover,
.sda-anchor-articles__nav-link:focus {
	color: #111;
	text-decoration: underline;
	text-decoration-color: var(--sda-heading-color);
	opacity: 1;
}

.sda-anchor-articles__nav-link.is-active {
	color: #111;
	font-weight: 700;
	text-decoration: none;
	opacity: 1;
}

.sda-anchor-articles__content {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 4.5vw, 5rem);
}

.sda-anchor-articles__article {
	--sda-article-heading-color: var(--sda-heading-color);
	--sda-article-body-background: #fff;
	overflow: hidden;
	color: #111;
	background: var(--sda-article-body-background);
	border: 1px solid #f5f0ed;
	border-radius: 15px;
	scroll-margin-top: calc(var(--sda-anchor-offset) + 1rem);
}

.sda-anchor-articles__article.article-268-en-resume {
	--sda-article-heading-color: #96dfdb;
	--sda-article-body-background: #96dfdb;
}

.sda-anchor-articles__title {
	display: flex;
	align-items: baseline;
	gap: .65rem;
	margin: 0;
	padding: clamp(1rem, 2vw, 1.35rem) clamp(1rem, 2.5vw, 1.75rem);
	color: #111;
	font-family: var(--main-font-family);
	font-size: clamp(2rem, 5vw, 2.25rem);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: 0;
	background: var(--sda-article-heading-color);
	overflow-wrap: anywhere;
	scroll-margin-top: calc(var(--sda-anchor-offset) + 1rem);
}

.sda-anchor-articles__body {
	padding: clamp(1rem, 2.5vw, 2.75rem);
	font-size: clamp(0.875em, 0.9em + 0.2vw, 0.9375em);
	line-height: 1.65;
	background: var(--sda-article-body-background);
}

.sda-anchor-articles__body > :first-child {
	margin-top: 0;
}

.sda-anchor-articles__body > :last-child,
.sda-anchor-articles__fields > :last-child {
	margin-bottom: 0;
}

.sda-anchor-articles__body h3 {
	display: table;
	margin: 2.5rem 0 1.5rem;
	padding: .08em .28em;
	color: #111;
	font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
	background: var(--sda-heading-color);
	text-transform: uppercase;
}

.sda-anchor-articles__fields {
	margin-top: 1.5rem;
}

.sda-anchor-articles__body .field-label.sites-web,
.sda-anchor-articles__body .field-label.a-telecharger,
.sda-anchor-articles__body .field-label.references-bibliographie {
	display: inline-flex;
	align-items: center;
	gap: .65em;
	color: #111;
	font-size: clamp(1.125em, 1.2vw, 1.125em);
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	vertical-align: middle;
}

.sda-anchor-articles__body .field-label.sites-web::before,
.sda-anchor-articles__body .field-label.a-telecharger::before,
.sda-anchor-articles__body .field-label.references-bibliographie::before {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 3.889em;
	height: 3.889em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.sda-anchor-articles__body .field-label.sites-web::before {
	background-image: url("../../../templates/pincealingestarter/img/site-web.png");
}

.sda-anchor-articles__body .field-label.a-telecharger::before {
	background-image: url("../../../templates/pincealingestarter/img/telecharger.png");
}

.sda-anchor-articles__body .field-label.references-bibliographie::before {
	background-image: url("../../../templates/pincealingestarter/img/references.png");
}

@media (max-width: 991.98px) {
	.sda-anchor-articles {
		--sda-sticky-top: var(--sda-sticky-top-responsive);
	}

	.sda-anchor-articles__nav-col {
		display: contents;
	}

	.sda-anchor-articles__nav {
		top: var(--sda-anchor-offset);
		flex: 0 0 100%;
		width: 100%;
		max-height: 5.25rem;
		margin-bottom: .5rem;
		padding-top: .75rem;
		padding-bottom: .75rem;
		background: #fff;
	}

	.sda-anchor-articles__nav-list {
		flex-direction: row;
		gap: .6rem;
		overflow-x: auto;
		padding-bottom: .35rem;
	}

	.sda-anchor-articles__nav-item {
		flex: 0 0 auto;
		max-width: min(16rem, 72vw);
	}
}