.journees { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.journee { padding: clamp(24px, 4vw, 40px); border-radius: var(--rayon-bloc); }
.journee-maternelle { background: var(--peche); }
.journee-primaire { background: #fff; border: 2px solid var(--bleu); border-radius: 14px; }
.journee-etiquette { display: inline-block; padding: 4px 12px; border-radius: 999px; font-weight: 700; font-size: .85rem; margin-bottom: 12px; background: var(--mandarine); color: var(--encre); }
.journee-primaire .journee-etiquette { background: var(--bleu); color: #fff; border-radius: 6px; }
.journee h2 { margin-bottom: 24px; }
.frise-journee { margin: 0; padding: 0 0 0 30px; list-style: none; position: relative; display: grid; gap: 14px; }
.frise-journee::before { content: ""; position: absolute; left: 9px; top: 8px; bottom: 8px; border-left: 4px dashed rgba(15, 61, 110, .35); }
.moment { position: relative; padding: 16px 18px; border-radius: 16px; background: #fff; }
.moment::before { content: ""; position: absolute; left: -29px; top: 20px; width: 18px; height: 18px; border-radius: 50%; background: var(--sable); box-shadow: 0 0 0 4px var(--peche); }
.moment-matin { background: var(--bleu); color: #fff; }
.moment-matin h3 { color: #fff; }
.moment-matin::before { background: var(--bleu); }
.moment-recre::before { background: var(--mandarine); }
.moment-recre { box-shadow: inset 4px 0 0 var(--mandarine); }
.moment-quand { font-size: .82rem; font-weight: 700; color: var(--doux); }
.moment-matin .moment-quand { color: var(--sable); }
.moment h3 { font-size: 1.12rem; margin: 2px 0 4px; }
.moment p { margin: 0; font-size: .95rem; }
.journee-note { margin-top: 18px; font-size: .92rem; color: var(--doux); }
@media (max-width: 900px) { .journees { grid-template-columns: 1fr; } }