/* SCN 5M: a more compact rhythm; the sticky header already occupies normal flow. */
:root{--section:clamp(3.5rem,2.5rem + 5vw,7rem)}
.view:not([data-view="accueil"]){padding-top:0}
.view>.section:first-child:not(.hero):not(.subhero){padding-top:clamp(2rem,1rem + 3vw,3.75rem)}
body.blog main,body.archive main,body.single main,body.search main,body.error404 main{padding-top:0}
.page-head{padding-top:clamp(2rem,1.25rem + 3vw,3.75rem);padding-bottom:clamp(2rem,1.2rem + 3vw,4rem)}
.training-hero{padding-top:clamp(2rem,1.25rem + 3vw,3.75rem);padding-bottom:3rem}
.section-head{margin-bottom:clamp(1.75rem,1.25rem + 2vw,3rem)}
@media(min-width:900px){.hero{padding-top:2rem;min-height:min(88svh,48rem)}}
@media(max-width:899px){.hero{padding-top:0}.hero__content{padding-top:1.75rem;padding-bottom:1.75rem}}
@media(max-width:599px){.view[data-view="accueil"] .section{padding-block:3.5rem}}
.scn5m-form-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.scn5m-form-heading h2{font-size:1.5rem;line-height:1.25;margin:0}
.scn5m-form-heading img{width:132px;max-width:34%;height:auto;flex-shrink:0}
#quiz-ia .section-head{position:relative;max-width:none;min-height:110px;padding-right:200px}
.scn5m-quiz-mascot{position:absolute;right:0;top:0;width:176px;height:auto}
@media(max-width:599px){#quiz-ia .section-head{padding-right:0}.scn5m-quiz-mascot{position:static;width:124px}.scn5m-form-heading{gap:.5rem}.scn5m-form-heading h2{font-size:1.25rem}}
@media print{.scn5m-quiz-mascot,.scn5m-form-heading img{display:none}}
/* 5N: a consistent, compact rhythm across every public page. */
:root{--section:clamp(2.5rem,1.7rem + 2.5vw,4rem)}
.view>.section:first-child:not(.hero):not(.subhero){padding-top:clamp(1.25rem,1rem + 1vw,2rem)}
.page-head,.training-hero{padding-top:clamp(1.25rem,1rem + 1vw,2rem);padding-bottom:2.25rem}
.section-head{margin-bottom:clamp(1.25rem,1rem + 1vw,2rem)}
.scn5n-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.scn5n-hero-grid>*{min-width:0}.scn5n-figure{margin:0;min-width:0;max-width:100%;align-self:start}
.scn5n-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:16px;border:1px solid #d6cebf;background:#f5efe4}
.scn5n-figure figcaption{font-size:.8125rem;line-height:1.5;margin-top:.6rem;color:#4b5149}
.scn5f-offer .scn5n-figure{margin:.25rem 0 .5rem}.scn5f-offer .scn5n-figure img{max-height:260px;object-fit:contain;background:#eee8dd}
@media(min-width:900px){.hero{padding-top:1rem;min-height:0}.hero__content{padding-top:1.5rem;padding-bottom:1.5rem}}
@media(max-width:899px){.hero__content{padding-top:1.25rem;padding-bottom:1.25rem}}
@media(max-width:699px){.scn5n-hero-grid{grid-template-columns:1fr}.scn5n-hero-grid .scn5n-figure{max-width:540px}.view[data-view="accueil"] .section{padding-block:2.5rem}.view[data-view="accueil"] .hero{padding-top:0}}

.subhero{padding-top:clamp(1.25rem,1rem + 1vw,1.75rem)}
@media(max-width:899px){.scn5n-hero-grid{grid-template-columns:1fr}.scn5n-hero-grid .scn5n-figure{max-width:540px}}
.scn5f-offer .scn5n-figure{width:min(100%,390px);align-self:center}
.scn5f-offer .scn5n-figure img{max-height:none}
@media(min-width:700px){.scn5f-offer h3{min-height:3.9em}}