/* =====================================================================
   ALIMENTS ET SANTÉ — cartes communes à toutes les fiches
   Le site gère la typographie et les encadrés des mécanismes.
   ===================================================================== */
.theme-food-guide { --n-ink: #174e36; --n-line: #d6e4d8; }
/* Ordinateur : quatre cartes ; les photos restent entièrement visibles. */
.theme-food-guide .n-food-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; margin-top: 28px; }
.theme-food-guide .n-food-card { min-width: 0; display: flex; flex-direction: column; align-items: stretch; padding: 22px; border: 1px solid var(--n-line); border-radius: 20px; background: #fff; box-shadow: 0 8px 24px rgb(23 78 54 / 5%); }
.theme-food-guide .n-food-media { display: block; margin: -6px -6px 16px; background: #fff; }
.theme-food-guide .n-food-media img { display: block; width: 100%; height: auto; aspect-ratio: 1800 / 945; object-fit: contain; border-radius: 12px; }
.theme-food-guide .n-food-card .n-eyebrow { margin: 0 0 12px; }
.theme-food-guide .n-food-card h3 { margin: 0 0 14px; }
.theme-food-guide .n-food-card p { line-height: 1.7; }
.theme-food-guide .n-food-card .n-text-link { margin-top: auto; padding-top: 18px; }
.theme-food-guide .n-explain-grid { margin-top: 22px; }
/* À RETENIR — fond vert clair, bordure et titre vert foncé. */
main.theme-food-guide .n-food-card .n-food-note { margin: 12px 0 18px; padding: 16px; border-left: 4px solid #087a48; border-radius: 0 12px 12px 0; background: #eaf5ee; color: #185b3b !important; }
main.theme-food-guide .n-food-card .n-food-note strong { color: #07683c !important; }
/* Écrans intermédiaires et mobiles : grille sans débordement. */
@media (max-width: 1399px) { .theme-food-guide .n-food-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .theme-food-guide .n-food-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .theme-food-guide .n-food-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .theme-food-guide .n-food-card { padding: 18px; } }

/* DOSSIER CHEVEUX — conserver les tableaux et listes lisibles dans le modèle commun. */
.theme-food-guide .hc-table-wrap { overflow-x: auto; margin: 24px 0; }
.theme-food-guide table { width: 100%; border-collapse: collapse; }
.theme-food-guide th, .theme-food-guide td { padding: 14px; border: 1px solid #dce5d6; text-align: left; vertical-align: top; }
.theme-food-guide th { background: #f0f6ec; }
.theme-food-guide .hc-note { padding: 22px; border-radius: 14px; background: #f1f6ed; }