/* Guide des documents, bloc de l'accueil : trois feuilles miniatures (même primitive que l'exemple), puis des cartes. */
.guide { display: grid; gap: 16px; padding: 18px 22px 22px; }
.guide > .doux { margin: -8px 0 0; }
.guide-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.guide-type { display: grid; align-content: start; gap: 8px; }
.guide-type h2 { margin: 12px 0 0; font-size: 18px; }
.guide-quand { margin: 0; color: var(--action); font-weight: 700; font-size: 14px; }
.guide-type ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; font-size: 14px; color: var(--doux); }
.guide-type .bouton { justify-self: start; margin-top: 6px; }
.feuille-guide { aspect-ratio: auto; min-height: 190px; max-width: 260px; }
.feuille-guide p { margin: 0 0 7px; }
.mini-rappel { border: 1.5px dashed #1b1d22; padding: 5px 7px; margin-bottom: 8px; font-weight: 700; }
.mini-dessin { border: 1.5px solid #1b1d22; height: 52px; display: grid; place-items: center; color: #555b66; margin-top: 6px; }
.mini-consigne { font-weight: 700; }
.mini-points { text-align: right; font-weight: 700; margin-bottom: 8px; }
.guide-trois { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 8px; }
.guide-trois p { margin: 4px 0 0; color: var(--doux); font-size: 14px; }
.guide-eleve h2, .guide-prof h2, .guide-tampons h2 { margin: 0; font-size: 18px; }
.guide-prof { display: grid; grid-template-columns: 220px 1fr; gap: 28px; align-items: center; }
.guide-prof ul { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: 14px; color: var(--doux); }
.guide-prof .guide-quand { margin-top: 4px; }
.feuille-corrige { min-height: 0; }
.mini-titre { font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: .05em; margin: 4px 0 4px; }
.guide-deux { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-tampons p { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; color: var(--texte); }
@media (max-width: 1000px) { .guide-types, .guide-trois, .guide-prof { grid-template-columns: 1fr; } }