Dimension socio-affective et expérientielle

.robot-wrapper { max-width: 900px; margin: 0 auto; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.6; color: #111827; } .robot-wrapper h1, .robot-wrapper h2, .robot-wrapper h3 { font-weight: 700; color: #111827; } .robot-wrapper h1 { font-size: 2rem; margin-top: 1.5rem; margin-bottom: 1rem; border-bottom: 3px solid #2563eb; padding-bottom: 0.5rem; } .robot-wrapper h2 { font-size: 1.6rem; margin-top: 2rem; margin-bottom: 1rem; } .robot-wrapper h3 { font-size: 1.25rem; margin-top: 1.5rem; margin-bottom: 0.5rem; } .robot-wrapper p, .robot-wrapper ul { margin-bottom: 0.75rem; } .robot-encadre { border-radius: 10px; padding: 18px 20px; margin: 24px 0; background: #f9fafb; border: 1px solid #e5e7eb; } .turquoise { border-left: 4px solid #14b8a6; } .bleu { border-left: 4px solid #2563eb; } .rouge { border-left: 4px solid #dc2626; } .robot-encadre-titre { font-weight: 700; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 0.5rem; letter-spacing: 0.05em; } .robot-ref-list li { margin-bottom: 0.4rem; }