/* ATD UI lot 3 école : harmonisation (planche du 26/09/2026), mêmes règles que la vitrine.
   Titres : uniquement dans le contenu rédigé (leçons, publications du fil), jamais dans
   l'interface de FluentCommunity (menus, fenêtres, notifications). */

/* Échelle de titres : H2 24→32, H3 20→24, H4 18, interligne 1,25 ; texte 1,5 */
.feed_md_content h2 { font-size: clamp(1.5rem, 1.3rem + 0.9vw, 2rem) !important; line-height: 1.25 !important; }
.feed_md_content h3 { font-size: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem) !important; line-height: 1.25 !important; }
.feed_md_content h4 { font-size: 1.125rem !important; line-height: 1.25 !important; }
.feed_md_content p, .feed_md_content li { line-height: 1.5; }

/* Boutons : forme commune (rayon 8, graisse 600, minuscules) */
.el-button.fcom_primary_button, .el-button.fcom_secondary_button, .el-button.btn_expand,
.jdb-btn-g, .jdb-btn-sm, .jdb-shortcut, .jdb-see-all, .jdb-exos__cta {
  border-radius: 8px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important;
}

/* Principal : dégradé CTA, texte blanc */
html:not(.dark) .el-button.fcom_primary_button, .jdb-btn-g {
  background: #B0001D linear-gradient(135deg, #B0001D 0%, #DC2626 50%, #7C3AED 100%) !important;
  color: #FFFFFF !important; border: 0 !important;
  --el-button-bg-color: #B0001D; --el-button-hover-bg-color: #991B1B; --el-button-border-color: transparent;
}

/* Secondaire : fond blanc, contour et texte bordeaux */
html:not(.dark) .el-button.fcom_secondary_button, html:not(.dark) .el-button.btn_expand,
.jdb-btn-sm, .jdb-shortcut, .jdb-see-all, .jdb-exos__cta {
  background: #FFFFFF !important; color: #B0001D !important; border: 2px solid #B0001D !important; background-image: none !important;
}

/* Tailles : 14 px (le 11 px du tableau de bord passe au plancher de la charte) */
.jdb-btn-sm, .jdb-btn-g, .jdb-shortcut, .jdb-see-all, .jdb-exos__cta { font-size: 14px !important; }

/* Liens du contenu : interligne 1,5 → hauteur 23 px ; zone cliquable agrandie, invisible (pas de fond) */
.feed_md_content a { padding-block: 3px; margin-block: -3px; }