/* Aperçu social d'un arbre (#392). Page vue par un robot, ou par un humain qui clique le lien
   depuis un aperçu : sobre, une image, un titre, un bouton. */
:root { color-scheme: light; --fond: #FBF8F1; --encre: #1F2A22; --vert: #2F6B3A; --gris: #5E6B62; }
body { margin: 0; background: var(--fond); color: var(--encre); font: 17px/1.5 system-ui, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 32px 16px; }
.apercu img { display: block; width: 100%; height: auto; border-radius: 16px; }
.credit { color: var(--gris); font-size: 0.85rem; margin: 8px 0 0; }
h1 { font-size: 1.75rem; margin: 24px 0 8px; }
.cta { display: inline-block; margin-top: 16px; padding: 12px 20px; background: var(--vert); color: #fff; border-radius: 999px; text-decoration: none; font-weight: 600; }
/* Fiche détaillée : paires libellé/valeur, empilées sur mobile, en deux colonnes dès que la place le permet. */
dl { margin: 16px 0; }
dt { color: var(--gris); font-size: 0.85rem; margin-top: 12px; }
dd { margin: 2px 0 0; }
dd a { color: var(--vert); }
@media (min-width: 36rem) {
  dl { display: grid; grid-template-columns: max-content 1fr; gap: 8px 24px; }
  dt, dd { margin: 0; font-size: inherit; }
}
/* Précaution d'espèce : doit se voir avant tout le reste de la fiche. */
.precaution { margin: 16px 0; padding: 12px 16px; background: #FFF3D6; border-left: 4px solid #B26A00; border-radius: 8px; color: #4A2F00; font-weight: 600; }
/* Avertissement général : discret, mais lisible. */
.avertissement { color: var(--gris); font-size: 0.85rem; margin: 16px 0 0; }