/* ==========================================================================
   PRISME — Sensibilisation. Repose sur les tokens définis dans prisme-core.css.
   ========================================================================== */

.prisme-sens-wrap { font-family: var(--prisme-font); max-width: 720px; display: flex; flex-direction: column; gap: 16px; }

.prisme-sens-section { padding: 24px; }
.prisme-sens-section h2 { font-size: 18px; margin: 0 0 12px; color: var(--prisme-texte, #FFFFFF); }
.prisme-sens-section p { line-height: 1.7; font-size: 15px; margin: 0 0 12px; color: var(--prisme-texte-att, #A9A9B4); }
.prisme-sens-section p:last-of-type { margin-bottom: 0; }
.prisme-sens-section .prisme-btn-pill { margin-top: 8px; }
.prisme-sens-section p strong { color: var(--prisme-texte, #FFFFFF); }
.prisme-sens-section ul { margin: 0; padding-left: 24px; }
.prisme-sens-section li { line-height: 1.7; font-size: 15px; margin-bottom: 8px; color: var(--prisme-texte-att, #A9A9B4); }
.prisme-sens-section li strong { color: var(--prisme-texte, #FFFFFF); }

.prisme-sens-source { font-size: 14px; color: var(--prisme-texte-att, #A9A9B4); border-top: 1px solid var(--prisme-bordure, #34333B); padding-top: 16px; }
.prisme-sens-source a { color: var(--prisme-bleu, #2F8FE0); }

/* Responsive — jeu de seuils unique du projet : 480 / 640 / 768 / 1024 (mobile d'abord, 320 px minimum).
   Ajouté en fin de feuille : il complète les règles ci-dessus sans les réécrire. */
@media (max-width: 768px) { .prisme-sens-section { padding: 24px; } }
@media (max-width: 640px) { .prisme-sens-section { padding: 24px 16px; } }

/* ---- Cartes « profondeur douce » (1.6.0) : les sections sont déjà des cartes ; l'ombre vient du cœur ---- */
.prisme-sens-section { padding: 32px; }
@media (max-width: 480px) { .prisme-sens-section { padding: 24px 16px; } }

/* Grand écran (ordinateur, iPad en paysage) : la page profite de la largeur disponible */
@media (min-width: 1024px) {
	.prisme-sens-wrap { max-width: 960px; }
}

/* Bento (grille de cartes, voir le script bento.js du thème) */
@media (min-width: 768px) {
	.prisme-sens-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: none; grid-auto-flow: dense; }
}
/* Textes longs : deux colonnes au plus, pour garder des lignes lisibles */
.prisme-sens-wrap > * { min-width: 0; box-sizing: border-box; }

/* Sources scientifiques (PubMed) */
.prisme-sens-etudes { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.prisme-sens-etudes li { padding: 16px 20px; border-radius: var(--prisme-radius-s, 14px); border-left: 4px solid var(--prisme-bleu, #2F8FE0); background: rgba(255, 255, 255, 0.04); }
.prisme-sens-etudes p { margin: 0 0 8px; line-height: 1.5; }
.prisme-sens-ref { font-style: italic; color: var(--prisme-texte-att, #A9A9B4); }
.prisme-sens-liens { display: flex; flex-wrap: wrap; gap: 16px; }
.prisme-sens-liens a { min-height: 44px; display: inline-flex; align-items: center; }
.prisme-sens-recherche h3 { margin: 24px 0 12px; font-size: 20px; font-weight: 600; }