/* SN Maillage — rendu front. Variables surchargeables depuis l admin. */
:root { --snm-couleur: #166457; --snm-texte: #374151; --snm-gris: #6b7280; --snm-bord: #e2e8e6; }

.snm-bloc { margin: 34px 0; }
.snm-bloc-titre { font-size: 1.25em; color: var(--snm-couleur); margin: 0 0 16px; }

/* ---- Bloc articles proches ---- */
.snm-cartes { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 16px; }
.snm-carte { margin: 0; }
.snm-carte-lien { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--snm-bord);
	border-radius: 10px; overflow: hidden; text-decoration: none; background: #fff;
	transition: box-shadow .18s ease, transform .18s ease; }
.snm-carte-lien:hover { box-shadow: 0 6px 18px rgba(22,100,87,.12); transform: translateY(-2px); }
.snm-carte-img { display: block; aspect-ratio: 16/10; overflow: hidden; background: #f1f5f4; }
.snm-carte-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.snm-carte-img-vide { background: linear-gradient(135deg, #eef4f2, #dbe8e4); }
.snm-carte-corps { display: flex; flex-direction: column; gap: 6px; padding: 13px 15px 15px; }
.snm-carte-titre { font-weight: 600; color: var(--snm-couleur); line-height: 1.35; }
.snm-carte-accroche { font-size: .88em; color: var(--snm-gris); line-height: 1.5; }
.snm-carte-meta { font-size: .78em; color: #9ca3af; }

/* Variantes de style */
.snm-style-liste .snm-cartes { display: block; }
.snm-style-liste .snm-carte-lien { flex-direction: row; align-items: center; gap: 14px; margin-bottom: 10px; }
.snm-style-liste .snm-carte-img { width: 110px; flex: 0 0 110px; aspect-ratio: 1/1; }
.snm-style-encadre .snm-carte-lien { border-left: 4px solid var(--snm-couleur); border-radius: 0 10px 10px 0; }
.snm-style-minimal .snm-carte-lien { border: 0; background: transparent; border-radius: 0; }
.snm-style-minimal .snm-carte-lien:hover { box-shadow: none; transform: none; }
.snm-style-minimal .snm-carte-corps { padding: 8px 0; }

/* ---- Bloc suite logique ---- */
.snm-suite { border-left: 3px solid var(--snm-couleur); padding: 4px 0 4px 16px; }
.snm-suite-titre { font-weight: 600; color: var(--snm-couleur); margin: 0 0 6px; }
.snm-suite ul { margin: 0; padding-left: 18px; }
.snm-suite li { margin-bottom: 4px; }

/* ---- Bloc intervention ---- */
.snm-intervention { background: #f4faf8; border: 1px solid var(--snm-bord); border-radius: 10px; padding: 18px 22px; }
.snm-intervention-titre { font-weight: 700; color: var(--snm-couleur); margin: 0 0 6px; }
.snm-intervention-texte { margin: 0 0 10px; color: var(--snm-texte); }
.snm-intervention-lien { margin: 0; }

@media (max-width: 640px) {
	.snm-cartes { grid-template-columns: 1fr 1fr; gap: 12px; }
	.snm-style-liste .snm-carte-img { width: 84px; flex: 0 0 84px; }
}
@media (max-width: 420px) {
	.snm-cartes { grid-template-columns: 1fr; }
}