/* Custom content boxes */
.boxaretenir,
.boxenresume {
	border-radius: 0.5rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin-bottom: 1.5rem;
	padding: 1rem 1rem 1rem 1rem;
	position: relative;
	padding-top: 3rem;
}

.boxaretenir::before,
.boxenresume::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2.75rem;
	padding: 0.6rem 1rem;
	background-repeat: no-repeat;
	background-position: 1rem center;
	background-size: 20px 20px;
	font-weight: 600;
	color: #fff;
	font-size: 0.95rem;
	line-height: 1.5rem;
	text-indent: 2rem;
	margin-bottom:2rem;
}

/* À retenir — amber/orange */
.boxaretenir {
	background-color: #fef3c7;
}

.boxaretenir::before {
	content: "À retenir";
	background-color: #d97706;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
}

/* En résumé — blue */
.boxenresume {
	background-color: #dbeafe;
}

.boxenresume::before {
	content: "En résumé";
	background-color: #005BC1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}