/* Largeur de lecture commune aux ressources, actualités et guides. */
.resources-wrapper {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 1008px;
	margin: -60px auto 0;
	padding: 0 24px 64px;
}

/* Navigation lisible sur le chevauchement du header. */
.resources-wrapper > nav {
	padding: 14px 20px;
	border: 1px solid #e2e8ed;
	border-radius: 16px;
	background: #fff;
}

.resources-breadcrumb {
	margin-bottom: 20px;
	color: #64748b;
	font-size: 0.9rem;
	line-height: 1.5;
}

.resources-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.resources-breadcrumb li + li::before {
	content: "/";
	margin-right: 10px;
	color: #64748b;
}

.resources-breadcrumb a {
	color: var(--news-green-dark);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Surface commune des cartes et sections éditoriales. */
.news-page .news-card,
.article-page .article-content > .content {
	margin: 0;
	border: 1px solid #e2e8ed;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(17, 41, 59, 0.035);
	overflow: hidden;
}

@media (max-width: 767px) {
	.resources-wrapper > nav {
		padding: 12px 16px;
		border-radius: 12px;
	}

	.news-page .news-card,
	.article-page .article-content > .content {
		border-radius: 12px;
	}

	.resources-wrapper {
		margin-top: -36px;
		padding: 0 14px 48px;
	}
}