/* Sud Sport Santé - harmonisation générale, octobre 2026.
   Typographie validée : Libre Franklin (titres), Source Sans 3 (lecture).
   Ce fichier corrige l'affichage partagé sans toucher au contenu médical. */
:root{--font-titres:"Libre Franklin","Segoe UI",Arial,sans-serif;--font-lecture:"Source Sans 3","Segoe UI",Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--font-lecture)}
h1,h2,h3,h4{font-family:var(--font-titres)}
/* Les passages renforcés restent au même corps et à la même couleur que le texte. */
.reading-prose strong,.about-prose strong,.about-feature-copy strong{font-weight:600;color:inherit;font-size:inherit}
/* Navigation identique sur toutes les pages. */
.header-layout{gap:20px}
.main-nav{gap:clamp(11px,1.3vw,20px);font-size:13.5px;font-weight:700}
.nav-cta{padding:12px 17px;font-size:13px}
.footer-nav{gap:13px 20px;line-height:1.45}
.footer-bottom{line-height:1.6}
/* Eviter le recadrage des illustrations éditoriales 4:3 comportant des titres ou des personnages. */
.topic-image img,.catalog-topic-image img,.about-feature-illustration img,
.about-topic-image img,.game-board-figure img,.game-card img,
.reading-hero-art img{object-fit:contain;object-position:center center}
.topic-image,.catalog-topic-image,.about-feature-illustration{background-color:#f4f8fe}
.video-theme-card img{object-fit:contain;object-position:center;aspect-ratio:4/3;height:auto;max-height:none;padding:10px;background:linear-gradient(120deg,#eff5ff,#fff 65%,#fff3f7)}
.video-featured img{object-fit:contain;object-position:center center}
/* Calm spacing / same line-height through editorial sections. */
.about-topic-copy p,.video-theme-card p,.game-benefit p{line-height:1.68}
@media (min-width:876px) and (max-width:1180px){
 .header-layout{min-height:78px}
 .menu-toggle{display:flex;position:relative;z-index:45;flex-direction:column;gap:5px;padding:12px;background:transparent;border:0}
 .menu-toggle span{display:block;width:24px;height:2px;border-radius:2px;background:var(--navy)}
 .main-nav{display:none;flex-direction:column;align-items:stretch;gap:3px;position:absolute;left:0;right:0;top:100%;background:#fff;padding:18px max(36px,calc((100vw - 900px)/2)) 22px;border-bottom:1px solid #e0e9f7;box-shadow:0 18px 29px rgba(12,40,103,.12)}
 .main-nav.is-open{display:flex}
 .main-nav>a:not(.nav-cta){padding:11px 10px}
 .main-nav>a.nav-current:after{right:auto;width:38px;bottom:6px;left:10px}
 .main-nav .nav-cta{align-self:stretch;justify-content:center;margin-top:8px}
}
@media(max-width:875px){
 .main-nav{top:100%;font-size:15px}
 .main-nav .nav-cta{font-size:14px}
}
@media(max-width:620px){
 .video-theme-card{display:flex;flex-direction:column}
 .video-theme-card img{width:100%;height:auto;min-height:0;aspect-ratio:4/3;padding:10px}
 .video-theme-card div{padding:16px 19px 20px}
}