.loader-spin { border-top-color: #3b82f6; animation: spinner 1s linear infinite; }
@keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, h6, .font-title { font-family: 'Merriweather', serif; }

/* Règles CSS pour forcer l'interprétation HTML et le design des listes */
.content-html ul { list-style-type: disc; padding-left: 1.5rem; margin-top: 0.75rem; margin-bottom: 1.25rem; color: #475569; }
.content-html ol { list-style-type: decimal; padding-left: 1.5rem; margin-top: 0.75rem; margin-bottom: 1.25rem; color: #475569; }
.content-html li { margin-bottom: 0.5rem; line-height: 1.6; }
.content-html p { margin-bottom: 1rem; line-height: 1.7; color: #334155; }
.content-html p:last-child { margin-bottom: 0; }
.content-html strong, .content-html b { color: #0f172a; font-weight: 700; }
.content-html h2, .content-html h3 { font-family: 'Merriweather', serif; color: #1e293b; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.content-html h4 { font-family: 'Merriweather', serif; color: #1e293b; font-weight: bold; font-size: 1.2rem; margin-top: 1.5rem; margin-bottom: 0.75rem; border-bottom: 2px solid #e2e8f0; padding-bottom: 0.25rem; }
.content-html h5 { font-family: 'Merriweather', serif; color: #334155; font-weight: bold; font-size: 1.1rem; margin-top: 1.25rem; margin-bottom: 0.5rem; text-decoration: underline; text-decoration-color: #cbd5e1; text-underline-offset: 4px; }

/* Styles pour l'accordéon natif (Lexique) */
details > summary { list-style: none; outline: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] summary svg { transform: rotate(180deg); }