@font-face{font-family:Jost;src:url('/Les_Articles/fonts/Jost/regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Jost;src:url('/Les_Articles/fonts/Jost/600.ttf') format('truetype');font-display:swap;font-weight:600}
.split-slider__controls>.split-slider__autoplay{font-size:22px;letter-spacing:-.12em}.split-slider__controls>.split-slider__autoplay[aria-pressed="false"]{padding-left:4px;background:#286c7b;letter-spacing:normal}
.article-body>.callout--pedagogy{position:relative;isolation:isolate;align-items:flex-start;overflow:hidden;border:0;border-left:clamp(7px,1vw,14px) solid #3b91bd;border-radius:0;background:linear-gradient(135deg,rgba(225,242,250,.9),rgba(154,205,225,.7))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);color:#173d50}.article-body>.callout--pedagogy::after{position:absolute;right:clamp(55px,9vw,180px);bottom:clamp(34px,7vw,110px);z-index:-1;width:clamp(180px,25vw,430px);height:clamp(130px,18vw,310px);border:3px solid rgba(31,111,153,.1);border-radius:50%;box-shadow:0 30px 0 -3px rgba(31,111,153,.055),0 60px 0 -3px rgba(31,111,153,.03);content:""}.article-body>.callout--pedagogy>h3,.article-body>.callout--pedagogy>div{width:min(1120px,100%)}.article-body>.callout--pedagogy>h3{display:flex;align-items:center;gap:18px;margin:0 0 clamp(24px,3vw,42px);color:#17678e;font-size:clamp(34px,4.2vw,70px)}.article-body>.callout--pedagogy>h3::before{display:grid;flex:0 0 auto;width:clamp(58px,6vw,86px);height:clamp(58px,6vw,86px);place-items:center;border-radius:50%;background:#17678e;color:#fff;box-shadow:0 12px 34px rgba(23,103,142,.24);content:"i";font-family:Georgia,serif;font-size:clamp(34px,3.7vw,54px);font-weight:700}.article-body>.callout--pedagogy>div{padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,254,250,.62);box-shadow:0 18px 50px rgba(23,103,142,.12);font-size:clamp(21px,1.55vw,30px);line-height:1.65;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.article-body>.callout--pedagogy>div p{margin:.85em 0}.article-body>.callout--pedagogy>div>:first-child{margin-top:0}.article-body>.callout--pedagogy>div>:last-child{margin-bottom:0}@media(max-width:850px){.article-body>.callout--pedagogy{padding:54px 58px 54px 22px!important}.article-body>.callout--pedagogy>h3{gap:13px;font-size:clamp(30px,7vw,48px)}.article-body>.callout--pedagogy>div{padding:22px;font-size:clamp(19px,3vw,24px);line-height:1.58}}@media(max-width:520px){.article-body>.callout--pedagogy{padding:42px 48px 42px 16px!important;border-left-width:7px}.article-body>.callout--pedagogy>h3{align-items:flex-start;gap:11px}.article-body>.callout--pedagogy>h3::before{width:52px;height:52px;font-size:32px}.article-body>.callout--pedagogy>div{padding:19px;font-size:19px}}
.article-body>.callout--important{position:relative;isolation:isolate;align-items:flex-start;overflow:hidden;border:0;border-left:clamp(7px,1vw,14px) solid #d56f58;border-radius:0;background:linear-gradient(135deg,rgba(255,241,220,.9),rgba(232,180,142,.7))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);color:#492b25}.article-body>.callout--important::after{position:absolute;right:clamp(50px,9vw,170px);bottom:clamp(30px,7vw,100px);z-index:-1;color:rgba(170,68,45,.09);content:"!";font-size:clamp(240px,34vw,620px);font-weight:800;line-height:.7}.article-body>.callout--important>h3,.article-body>.callout--important>div{width:min(1120px,100%)}.article-body>.callout--important>h3{display:flex;align-items:center;gap:18px;margin:0 0 clamp(24px,3vw,42px);color:#8c3528;font-size:clamp(34px,4.2vw,70px)}.article-body>.callout--important>h3::before{display:grid;flex:0 0 auto;width:clamp(58px,6vw,86px);height:clamp(58px,6vw,86px);place-items:center;border-radius:50%;background:#a74432;color:#fff;box-shadow:0 12px 34px rgba(140,53,40,.24);content:"!";font-size:clamp(32px,3.6vw,52px);font-weight:800}.article-body>.callout--important>div{padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,254,250,.64);box-shadow:0 18px 50px rgba(111,51,37,.12);font-size:clamp(21px,1.55vw,30px);line-height:1.65;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.article-body>.callout--important>div p{margin:.85em 0}.article-body>.callout--important>div>:first-child{margin-top:0}.article-body>.callout--important>div>:last-child{margin-bottom:0}@media(max-width:850px){.article-body>.callout--important{padding:54px 58px 54px 22px!important}.article-body>.callout--important>h3{gap:13px;font-size:clamp(30px,7vw,48px)}.article-body>.callout--important>div{padding:22px;font-size:clamp(19px,3vw,24px);line-height:1.58}}@media(max-width:520px){.article-body>.callout--important{padding:42px 48px 42px 16px!important;border-left-width:7px}.article-body>.callout--important>h3{align-items:flex-start;gap:11px}.article-body>.callout--important>h3::before{width:52px;height:52px;font-size:30px}.article-body>.callout--important>div{padding:19px;font-size:19px}}
.article-body>.callout--naturalist{position:relative;isolation:isolate;align-items:flex-start;overflow:hidden;border:0;border-left:clamp(7px,1vw,14px) solid #58b9ad;border-radius:0;background:linear-gradient(135deg,rgba(228,244,235,.88),rgba(186,221,213,.68))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);color:#123d43}.article-body>.callout--naturalist::after{position:absolute;right:clamp(60px,10vw,190px);bottom:clamp(35px,8vw,120px);z-index:-1;width:clamp(170px,24vw,420px);height:clamp(170px,24vw,420px);border:2px solid rgba(31,126,119,.14);border-radius:50%;box-shadow:0 0 0 34px rgba(31,126,119,.055),0 0 0 70px rgba(31,126,119,.035);content:""}.article-body>.callout--naturalist>h3,.article-body>.callout--naturalist>div{width:min(1120px,100%)}.article-body>.callout--naturalist>h3{display:flex;align-items:center;gap:18px;margin:0 0 clamp(24px,3vw,42px);color:#0e5f61;font-size:clamp(34px,4.2vw,70px)}.article-body>.callout--naturalist>h3::before{display:grid;flex:0 0 auto;width:clamp(58px,6vw,86px);height:clamp(58px,6vw,86px);place-items:center;border-radius:50%;background:#0e5f61;color:#fff;box-shadow:0 12px 34px rgba(14,95,97,.24);content:"⌕";font-size:clamp(30px,3.4vw,48px)}.article-body>.callout--naturalist>div{padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.74);border-radius:18px;background:rgba(255,254,250,.58);box-shadow:0 18px 50px rgba(10,72,74,.12);font-size:clamp(21px,1.55vw,30px);line-height:1.65;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.article-body>.callout--naturalist>div p{margin:.85em 0}.article-body>.callout--naturalist>div>:first-child{margin-top:0}.article-body>.callout--naturalist>div>:last-child{margin-bottom:0}@media(max-width:850px){.article-body>.callout--naturalist{padding:54px 58px 54px 22px!important}.article-body>.callout--naturalist>h3{gap:13px;font-size:clamp(30px,7vw,48px)}.article-body>.callout--naturalist>div{padding:22px;font-size:clamp(19px,3vw,24px);line-height:1.58}}@media(max-width:520px){.article-body>.callout--naturalist{padding:42px 48px 42px 16px!important;border-left-width:7px}.article-body>.callout--naturalist>h3{align-items:flex-start;gap:11px}.article-body>.callout--naturalist>h3::before{width:52px;height:52px;font-size:28px}.article-body>.callout--naturalist>div{padding:19px;font-size:19px}}
.prose strong,.visual-text strong,.numbered-card strong,.illustrated-card strong{font-weight:700}.prose em,.visual-text em,.numbered-card em,.illustrated-card em{font-style:italic}.prose u,.visual-text u,.numbered-card u,.illustrated-card u{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}
:root{--sea:#173d49;--sea-2:#285d69;--aqua:#67a8ad;--foam:#eef6f5;--paper:#fffefa;--sand:#e6b38a;--coral:#d87c6a;--ink:#263f43;--muted:#647b80;--line:rgba(38,63,67,.16);--shadow:0 24px 70px rgba(20,57,67,.15);--page:1280px;--read:760px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#d5e7e5,#eef6f5 35%,#dcebea);color:var(--ink);font-family:Jost,Arial,sans-serif;line-height:1.7}img,video,iframe{max-width:100%}a{color:var(--sea-2)}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.site-header{min-height:78px;padding:14px max(24px,calc((100% - var(--page))/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;box-shadow:0 1px 16px rgba(20,57,67,.08)}.site-brand{display:flex;flex-direction:column;color:var(--sea);text-decoration:none;font-weight:600;font-size:1.45rem;line-height:1}.site-brand small{font-size:.62rem;letter-spacing:.15em;color:var(--aqua)}.site-header nav{display:flex;gap:clamp(12px,3vw,34px)}.site-header nav a{text-decoration:none;color:var(--sea);font-weight:600}.preview-banner{position:sticky;top:0;z-index:20;padding:8px;text-align:center;background:#ffe29a;color:#543c00}.article{width:min(calc(100% - 40px),var(--page));margin:48px auto 80px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.hero{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);align-items:center;gap:clamp(30px,5vw,70px);padding:clamp(28px,6vw,78px)}.hero figure{margin:0}.hero img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}.hero figcaption,.block-image figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:600;color:#aa5547}h1,h2,h3{font-weight:600;line-height:1.08;color:var(--sea);text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.045em;margin:0 0 20px}h2{font-size:clamp(1.9rem,3.4vw,3rem);margin:72px 0 24px}h3{font-size:clamp(1.3rem,2vw,1.65rem);margin:42px 0 16px}.subtitle{font-size:clamp(1.15rem,2vw,1.5rem);color:var(--sea-2)}.lead{font-size:clamp(1.06rem,1.8vw,1.28rem);color:var(--muted)}.byline{font-size:.9rem;color:var(--muted)}.article-body{width:min(calc(100% - 40px),var(--read));margin:0 auto;padding-bottom:80px}.prose{white-space:normal;margin:0 0 28px;font-size:1.08rem}.block-image{margin:46px 0}.block-image img{display:block;width:100%;height:auto;border-radius:14px}.block-image--wide{width:min(1100px,calc(100vw - 64px));margin-left:50%;transform:translateX(-50%)}blockquote{margin:60px 0;padding:28px 32px;border-left:5px solid var(--coral);background:var(--foam);font-size:1.35rem}blockquote p{margin:0}blockquote cite{display:block;margin-top:12px;font-size:.9rem;color:var(--muted)}.callout,.species-card,.conclusion{margin:48px 0;padding:30px;border-radius:14px;background:#e8f2f1;border:1px solid var(--line)}.callout--important{background:#fff1e3;border-color:#e6b38a}.callout--naturalist{background:#e8f1e5}.callout h3{margin-top:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1000px,calc(100vw - 64px));margin:50px 50%;transform:translateX(-50%)}.gallery figure{margin:0}.video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;margin:44px 0;background:#000}.feature-link{display:flex;justify-content:space-between;gap:20px;margin:30px 0;padding:20px 24px;border-radius:12px;background:var(--sea);color:#fff;text-decoration:none;font-weight:600}.quiz{margin:40px 0;padding:22px;border:1px solid var(--line);border-radius:12px}.quiz summary{cursor:pointer;font-weight:600}.editorial-separator{border:0;border-top:1px solid var(--line);margin:70px auto;width:45%}.editorial-spacer{height:70px}.sources{margin-top:70px;border-top:1px solid var(--line)}.site-footer{padding:50px max(24px,calc((100% - var(--page))/2));background:var(--sea);color:#fff}.site-footer p{margin:5px 0}.site-footer a{color:#fff}.archive,.not-found{width:min(calc(100% - 40px),var(--page));margin:70px auto;min-height:55vh}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px rgba(20,57,67,.1)}.article-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-card>div{padding:24px}.article-card h2{font-size:1.5rem;margin:8px 0 12px}.article-card h2 a{text-decoration:none}.article-card p:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero__copy{order:1}.hero figure{order:0}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{align-items:flex-start}.site-header nav{font-size:.84rem;gap:10px;flex-wrap:wrap;justify-content:flex-end}.article{width:100%;margin:0;border-radius:0}.hero{padding:28px 20px}.article-body{width:calc(100% - 40px)}.gallery{grid-template-columns:1fr;width:calc(100vw - 40px)}.block-image--wide{width:100vw}.article-grid{grid-template-columns:1fr}h1{font-size:2.55rem}}
.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center;width:min(1100px,calc(100vw - 64px));margin:70px 50%;transform:translateX(-50%)}.split-layout h2{margin:0}.split-text{font-size:1.06rem}.split-intro{padding:26px;border-left:5px solid var(--coral);background:var(--foam);font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600}.split-layout .block-image{margin:0}.split-slider{position:relative;width:100%;overflow:hidden}.split-slider__track{display:flex;width:100%;gap:0;transition:transform .45s ease;will-change:transform}.split-slider .block-image{min-width:100%;flex:0 0 100%}.split-slider__controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.split-slider__controls>button{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:#173d49;color:#fff;font:700 38px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}.split-slider__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.split-slider__dots button{width:18px;height:18px;padding:0;border:2px solid #173d49;border-radius:50%;background:rgba(255,255,255,.72);cursor:pointer;touch-action:manipulation}.split-slider__dots button.is-active{background:#d87c6a;box-shadow:0 0 0 3px rgba(255,255,255,.75)}@media(max-width:850px){.split-layout{grid-template-columns:1fr;width:calc(100vw - 40px);gap:24px}.split-slider__controls>button{width:52px;height:52px;flex-basis:52px}}
/* Mode éditorial plein écran : une composition = une diapositive verticale. */
html{scroll-snap-type:y proximity}.hero,.article-body>*{scroll-snap-align:start;scroll-snap-stop:normal}
.article{width:100%;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.hero{min-height:calc(100svh - 78px);width:100%;padding:clamp(36px,7vw,110px) max(24px,calc((100% - var(--page))/2));background:var(--paper)}.article-body{width:100%;margin:0;padding:0}.article-body>*{min-height:100svh;width:100%;margin:0!important;padding:clamp(55px,8vw,120px) max(24px,calc((100% - var(--page))/2));display:flex;flex-direction:column;justify-content:center}.article-body>*:nth-child(odd){background:#eef6f5}.article-body>*:nth-child(even){background:var(--paper)}.article-body>.split-layout{display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);transform:none;gap:clamp(34px,7vw,110px)}.article-body>.block-image{display:flex;align-items:center}.article-body>.block-image img{max-height:82svh;object-fit:contain}.article-body>.block-image--wide{transform:none}.article-body>.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;transform:none}.article-body>.gallery figure{min-height:0}.article-body>.video{height:auto;max-height:100svh;align-self:center}.article-body>h2,.article-body>h3{align-items:flex-start}.article-body>.editorial-separator{min-height:45svh}.article-body>.editorial-spacer{min-height:70svh}.article-body>.feature-link{min-height:50svh}.article-body>.sources,.article-body>.conclusion{min-height:100svh}.article-body>* > :first-child{margin-top:0}
@media(max-width:850px){.article-body>.split-layout{grid-template-columns:1fr}.article-body>*{padding:50px 22px}.hero{min-height:100svh}.article-body>.gallery{grid-template-columns:1fr}}
.hero figcaption,.block-image figcaption,.gallery figcaption{display:block;max-width:100%;white-space:pre-line;overflow-wrap:anywhere;line-height:1.5}
/* Lisibilité renforcée pour bornes tactiles et grands écrans. */
html{font-size:16px}.article-body .split-text,.article-body .prose,.article-body .article-list{font-size:clamp(21px,1.15vw,29px);line-height:1.65}.article-body .split-intro{font-size:clamp(25px,1.42rem,36px);line-height:1.48}.hero .lead{font-size:clamp(22px,1.3rem,32px)}.byline,.hero figcaption,.block-image figcaption,.gallery figcaption{font-size:clamp(16px,.82rem,21px)}.site-header a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){html{font-size:16px}.article-body .split-text,.article-body .prose,.article-body .article-list{font-size:21px}}
.section-nav{position:fixed;top:50%;right:22px;z-index:50;display:flex;flex-direction:column;gap:6px;transform:translateY(-50%)}.section-nav::before{position:absolute;top:12px;right:21px;bottom:12px;width:2px;background:rgba(40,93,105,.28);content:""}.section-nav a{position:relative;display:flex;min-height:44px;align-items:center;justify-content:flex-end;gap:10px;color:var(--sea);text-decoration:none}.section-nav a span{max-width:230px;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.9);box-shadow:0 3px 12px rgba(20,57,67,.1);font-size:14px;font-weight:600;line-height:1.2;text-align:right}.section-nav a i{position:relative;z-index:1;display:block;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 2px var(--sea-2)}.section-nav a.active i{width:22px;height:22px;background:var(--coral)}.section-nav a.active span{background:var(--sea);color:#fff}.public-slide:focus{outline:none}
@media(max-width:900px){.section-nav{right:6px}.section-nav a span{position:absolute;right:32px;display:none}.section-nav a:focus span,.section-nav a.active span{display:block;min-width:150px}.section-nav::before{right:21px}}
.public-slide{position:relative}.public-block-title{position:absolute;top:clamp(34px,5vh,70px);left:max(24px,calc((100% - var(--page))/2));right:max(70px,calc((100% - var(--page))/2));z-index:3;margin:0;font-size:clamp(32px,3vw,58px);line-height:1.05}
/* Fond continu demandé : les diapositives ne portent plus leur propre couleur. */
html,body{min-height:100%}body{background:linear-gradient(to bottom,#f1efe5 0%,#e7efed 15%,#bdd6d5 31%,#72a8ad 47%,#317d8b 63%,#0c5970 79%,#043b53 100%) fixed!important;background-size:cover!important}.hero,.article-body>*,.article-body>*:nth-child(odd),.article-body>*:nth-child(even){background:transparent!important}.hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);overflow:hidden}.hero__copy,.hero figure{min-width:0}.hero h1{max-width:100%;font-size:clamp(52px,5.2vw,98px);overflow-wrap:anywhere;word-break:normal;hyphens:auto}.hero figure{position:relative;z-index:1}.hero figure img{width:100%;max-height:68svh;object-fit:cover}.hero .lead{max-width:34em}.article-body>.split-layout>*{min-width:0}
@media(max-width:850px){.hero{grid-template-columns:1fr;overflow:visible}.hero h1{font-size:clamp(46px,13vw,76px)}}
.audio-block{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center}.audio-block__icon{display:grid;width:110px;height:110px;place-items:center;border-radius:50%;background:var(--sea);color:#fff;font-size:54px}.audio-block h2{margin:0 0 24px}.audio-block audio{width:min(760px,100%);min-height:54px}.audio-block p{max-width:800px}@media(max-width:700px){.audio-block{grid-template-columns:1fr}.audio-block__icon{width:80px;height:80px;font-size:40px}}
/* Rééquilibrage de l’ouverture sur grand écran. */
.hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.32fr);gap:clamp(36px,5vw,86px);padding-left:max(30px,calc((100% - 1540px)/2));padding-right:max(70px,calc((100% - 1540px)/2))}.hero__copy{max-width:650px;padding:clamp(24px,2.5vw,42px);border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(241,239,229,.78);box-shadow:0 18px 55px rgba(4,59,83,.14);backdrop-filter:blur(10px)}.hero h1{font-size:clamp(48px,4.1vw,78px);line-height:1.02;letter-spacing:-.035em;overflow-wrap:break-word;word-break:normal;hyphens:none;color:#073b50}.hero .subtitle{color:#245765}.hero .lead{color:#315f69;text-shadow:none}.hero .byline{color:#315f69}.hero figure img{width:100%;height:min(72svh,760px);max-height:none;object-fit:cover;border-radius:18px;box-shadow:0 22px 70px rgba(4,59,83,.25)}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:28px 20px}.hero__copy{max-width:none}.hero h1{font-size:clamp(44px,12vw,68px)}.hero figure img{height:48svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Vue publique large : gouttières courtes et média persistant pendant la lecture. */
@media(min-width:851px){
  .public-block-title{left:clamp(28px,4vw,76px);right:clamp(86px,6vw,126px)}
  .article-body>.public-slide--titled{padding-top:clamp(135px,17vh,195px)}
  .hero{
    grid-template-columns:minmax(340px,.72fr) minmax(0,1.48fr);
    gap:clamp(28px,3vw,58px);
    padding-left:clamp(28px,4vw,76px);
    padding-right:clamp(86px,6vw,126px);
  }
  .hero__copy{max-width:620px}
  .article-body>*{
    padding-left:clamp(28px,4vw,76px);
    padding-right:clamp(86px,6vw,126px);
  }
  .article-body>.split-layout{
    gap:clamp(28px,3.5vw,68px);
    align-items:start;
  }
  .article-body>.split-layout--split_media_text{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)}
  .article-body>.split-layout--split_text_media{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)}
  .split-layout--split_media_text>.block-image,
  .split-layout--split_text_media>.block-image,
  .split-layout--split_media_text>.split-slider,
  .split-layout--split_text_media>.split-slider{
    position:sticky;
    top:clamp(24px,8vh,90px);
    align-self:start;
    width:100%;
    max-width:none;
  }
  .split-layout--split_media_text .block-image img,
  .split-layout--split_text_media .block-image img,
  .split-layout--split_media_text .split-slider img,
  .split-layout--split_text_media .split-slider img{
    display:block;
    width:100%;
    max-height:72svh;
    object-fit:contain;
  }
  .split-layout--split_media_text .block-image figcaption,
  .split-layout--split_text_media .block-image figcaption{
    margin-top:0;
    padding:10px 14px;
    border-radius:0 0 10px 10px;
    background:rgba(241,239,229,.88);
    color:#315f69;
  }
  .split-layout--split_media_text>.split-text,
  .split-layout--split_text_media>.split-text{
    padding:clamp(22px,2.2vw,38px);
    border:1px solid rgba(255,255,255,.42);
    border-radius:16px;
    background:rgba(241,239,229,.76);
    box-shadow:0 15px 45px rgba(4,59,83,.10);
    color:#173d49;
    backdrop-filter:blur(8px);
  }
}
@media(max-width:850px){
  .split-layout--split_media_text>.block-image,
  .split-layout--split_text_media>.block-image,
  .split-layout--split_media_text>.split-slider,
  .split-layout--split_text_media>.split-slider{position:relative;top:auto}
}
.article-link-modal{width:min(1100px,94vw);height:min(780px,88vh);padding:0;border:0;border-radius:16px;background:#fff;box-shadow:0 25px 90px rgba(4,59,83,.38);overflow:hidden}.article-link-modal::backdrop{background:rgba(4,32,43,.72)}.article-link-modal>button{position:absolute;top:10px;right:12px;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:#173d49;color:#fff;font-size:30px;cursor:pointer}.article-link-modal iframe{display:block;width:100%;height:100%;border:0;background:#fff}

/* Atmosphère sous-marine : neige marine lente derrière le contenu. */
body>main,.site-header,.site-footer,.preview-banner,.section-nav{position:relative;z-index:2}.section-nav{position:fixed}.marine-snow{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}.marine-snow::before{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 8%,rgba(255,255,255,.18),transparent 38%),linear-gradient(112deg,rgba(255,255,255,.055),transparent 32% 68%,rgba(103,168,173,.05));content:""}.marine-snow i{position:absolute;top:-12vh;left:0;width:var(--size);height:var(--size);border-radius:50%;background:rgba(244,250,246,.92);opacity:var(--opacity);filter:blur(1.6px);box-shadow:0 0 calc(var(--size)*2) rgba(255,255,255,.38);transform:translate3d(var(--x),-12vh,0);animation:marine-snow-fall var(--duration) linear var(--delay) infinite;will-change:transform}
@keyframes marine-snow-fall{0%{transform:translate3d(var(--x),-12vh,0)}18%{transform:translate3d(calc(var(--x) + var(--drift)),10vh,0)}38%{transform:translate3d(calc(var(--x) - var(--drift)),34vh,0)}60%{transform:translate3d(calc(var(--x) + var(--drift)),60vh,0)}80%{transform:translate3d(calc(var(--x) - var(--drift)),84vh,0)}100%{transform:translate3d(calc(var(--x) + var(--drift)),112vh,0)}}
.hero__copy{background:rgba(241,239,229,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media(min-width:851px){.split-layout--split_media_text>.split-text,.split-layout--split_text_media>.split-text{background:rgba(241,239,229,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.split-intro,.callout,.species-card,.conclusion{background:rgba(238,246,245,.64);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){.marine-snow i{animation:none}.marine-snow{display:none}}

/* Navigation au premier plan, libellés discrets et compositions à lecture parallèle. */
.section-nav{z-index:120!important}
.section-nav a span{max-width:190px;padding:4px 8px;background:rgba(241,246,245,.68);box-shadow:0 2px 8px rgba(20,57,67,.08);font-size:11px;font-weight:600;letter-spacing:.015em;opacity:.62;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .2s ease,background .2s ease,color .2s ease}
.section-nav a:hover span,.section-nav a:focus span{opacity:.9}.section-nav a.active span{background:rgba(23,61,73,.88);color:#fff;opacity:.92}.section-nav a i{width:13px;height:13px;border-width:2px}.section-nav a.active i{width:18px;height:18px}
@media(min-width:851px){
  .article-body>.split-layout--split_intro_text,
  .article-body>.split-layout--split_text_intro{align-items:start}
  .article-body>.split-layout--split_intro_text{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}
  .article-body>.split-layout--split_text_intro{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}
  .split-layout--split_intro_text>.split-intro,
  .split-layout--split_text_intro>.split-intro{position:sticky;top:clamp(24px,8vh,90px);align-self:start}
  .split-layout--split_intro_text>.split-text,
  .split-layout--split_text_intro>.split-text{padding:clamp(22px,2.2vw,38px);border:1px solid rgba(255,255,255,.38);border-radius:16px;background:rgba(241,239,229,.54);color:#173d49;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
}
.marine-snow i{filter:blur(3.2px);background:rgba(244,250,246,.78);box-shadow:0 0 calc(var(--size)*3) rgba(255,255,255,.28)}

/* Blocs de fin d’article. */
.article-body>.conclusion-block,.article-body>.sources-block{align-items:stretch}.conclusion-block{max-width:none;padding-left:clamp(28px,12vw,240px)!important;padding-right:clamp(86px,12vw,240px)!important}.conclusion-block h2,.sources-block h2{margin:0 0 28px}.conclusion-block>div{padding:clamp(26px,4vw,56px);border:1px solid rgba(255,255,255,.45);border-radius:18px;background:rgba(238,246,245,.58);font-size:clamp(22px,1.35rem,34px);line-height:1.6;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-card{position:relative;display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:22px 64px 22px 24px;border:1px solid rgba(255,255,255,.48);border-radius:14px;background:rgba(241,239,229,.64);color:#173d49;text-decoration:none;box-shadow:0 12px 34px rgba(4,59,83,.1);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:transform .2s ease,background .2s ease}.source-card:hover,.source-card:focus{transform:translateY(-3px);background:rgba(255,254,250,.82)}.source-card span{font-size:clamp(18px,1.05rem,25px);font-weight:600}.source-card small{margin-top:4px;color:#52727a}.source-card i{position:absolute;right:22px;font-size:28px;font-style:normal;color:#d87c6a}@media(max-width:750px){.sources-grid{grid-template-columns:1fr}.conclusion-block{padding-left:22px!important;padding-right:22px!important}}

/* Ouverture immersive plein écran : image parallax, YouTube ou iframe HTML. */
.hero{position:relative;isolation:isolate;display:flex;min-height:calc(100svh - 78px);align-items:flex-end;overflow:hidden;padding:clamp(28px,5vw,76px)!important}.hero__media{position:absolute;inset:-7%;z-index:-2;overflow:hidden;background:#043b53;transform:translate3d(0,var(--hero-parallax,0px),0);will-change:transform}.hero__media::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,25,38,.28),rgba(2,25,38,.08) 35%,rgba(2,25,38,.3)),linear-gradient(0deg,rgba(2,22,34,.34),transparent 55%);content:"";pointer-events:none}.hero__media img,.hero__media iframe{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;border:0;object-fit:cover;transform:translate(-50%,-50%)}.hero--youtube .hero__media iframe{width:max(100%,177.78vh);height:max(100%,56.25vw);pointer-events:none}.hero--iframe .hero__media{inset:0}.hero--iframe .hero__media iframe{width:100%;height:100%}.hero__copy{position:relative;z-index:2;width:min(1260px,72vw);max-width:none;margin-left:auto;padding:clamp(28px,4vw,66px);border:1px solid rgba(255,255,255,.18);border-radius:0;background:rgba(2,18,28,.7);box-shadow:0 22px 70px rgba(0,18,28,.28);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.hero h1{max-width:none;color:#38a6d4;font-size:clamp(48px,4.8vw,92px);text-shadow:0 3px 20px rgba(0,0,0,.34)}.hero .subtitle,.hero .lead,.hero .byline,.hero__caption{color:rgba(255,255,255,.9)}.hero__caption{margin:18px 0 0;font-size:.78rem;opacity:.72}@media(max-width:850px){.hero{min-height:100svh;align-items:flex-end;padding:18px!important}.hero__copy{width:100%;padding:24px;background:rgba(2,18,28,.72)}.hero h1{font-size:clamp(42px,12vw,68px)}.hero__media{inset:-4%}}
@media(prefers-reduced-motion:reduce){.hero__media{transform:none!important}}

/* Sélection automatique des articles associés, toujours en fin de page. */
.article-body>.related-articles{align-items:stretch;max-width:100%;overflow:hidden}.related-articles__inner{width:100%;max-width:100%;min-width:0}.related-articles__inner>h2{margin:0 0 clamp(28px,4vw,54px);font-size:clamp(36px,4vw,68px)}.related-articles__grid{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}.related-card{display:flex;min-width:0;max-width:100%;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:16px;background:rgba(241,239,229,.66);box-shadow:0 18px 48px rgba(4,59,83,.14);color:#173d49;text-decoration:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:transform .2s ease,box-shadow .2s ease}.related-card:hover,.related-card:focus{transform:translateY(-6px);box-shadow:0 24px 60px rgba(4,59,83,.23)}.related-card__media{display:grid;width:100%;max-width:100%;aspect-ratio:16/10;place-items:center;overflow:hidden;background:rgba(238,246,245,.78);color:#fff}.related-card__media img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.related-card__media i{font-size:1.5rem;font-style:normal;font-weight:700;letter-spacing:.12em}.related-card__copy{display:flex;min-width:0;min-height:190px;flex:1;flex-direction:column;padding:20px}.related-card__copy small{color:#aa5547;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.related-card__copy strong{margin:10px 0 20px;overflow-wrap:anywhere;font-size:clamp(20px,1.35vw,28px);line-height:1.18}.related-card__copy em{margin-top:auto;color:#285d69;font-size:15px;font-style:normal;font-weight:700}@media(max-width:1100px){.related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.related-articles__grid{grid-template-columns:1fr}.related-card__copy{min-height:150px}}

/* Sécurisation du flux sur tablette et smartphone. */
@media(max-width:850px){.hero{height:auto!important;min-height:100svh!important;overflow:hidden!important}.hero__copy{max-width:100%!important}.hero h1{overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto}.article-body>*{height:auto!important;min-height:100svh;overflow:visible!important;padding:54px 58px 54px 20px!important}.article-body>.split-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:26px!important;align-content:center!important}.split-layout>*{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}.split-layout .block-image,.split-layout .split-slider{order:initial;margin:0!important}.split-layout img{display:block;width:100%!important;height:auto!important;max-height:55svh!important;object-fit:contain!important}.split-text,.split-intro{width:100%;max-width:100%;overflow-wrap:break-word;word-break:normal}.section-nav{right:4px!important}.section-nav a span{max-width:128px;font-size:10px}.gallery{width:100%!important;transform:none!important}.gallery img{width:100%;height:auto;object-fit:contain}.audio-block{width:100%;min-width:0}.audio-block audio{max-width:100%}}

/* L’en-tête HTML reste interactif : son iframe doit recevoir souris et toucher. */
.hero--iframe .hero__media{z-index:0!important;pointer-events:auto!important}
.hero--iframe .hero__media iframe{pointer-events:auto!important}
@media(max-width:520px){.hero{padding:14px!important}.hero__copy{padding:20px!important}.hero h1{font-size:clamp(34px,11vw,48px)!important;line-height:1.04!important}.hero .lead{font-size:18px}.article-body>*{padding:42px 48px 42px 16px!important}.article-body h2,.related-articles__inner>h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.08}.split-intro{padding:20px;font-size:20px}.split-text,.prose,.article-list{font-size:19px!important;line-height:1.55!important}.section-nav a span{display:none!important}}

/* Coupure après le premier tiers pour les articles réservés. */
.article-body>.subscriber-gate{position:relative;align-items:center;text-align:center}.subscriber-gate::before{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(241,239,229,0),rgba(4,59,83,.38) 35%,rgba(4,59,83,.68));content:"";pointer-events:none}.subscriber-gate__card{position:relative;z-index:1;width:min(760px,100%);padding:clamp(30px,5vw,64px);border:1px solid rgba(255,255,255,.6);border-radius:20px;background:rgba(241,239,229,.86);box-shadow:0 26px 80px rgba(3,39,53,.28);color:#173d49;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.subscriber-gate__card h2{margin:0 0 20px;font-size:clamp(34px,4vw,60px)}.subscriber-gate__card p:not(.eyebrow){font-size:clamp(20px,1.5vw,27px)}.subscriber-gate__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:22px 0}.subscriber-gate__card button,.subscriber-gate__actions a{display:inline-flex;align-items:center;justify-content:center;min-width:230px;min-height:58px;margin:0;padding:13px 24px;border:2px solid #173d49;border-radius:9px;font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}.subscriber-gate__card button{background:#173d49;color:#fff}.subscriber-gate__actions a{background:rgba(255,255,255,.58);color:#173d49}.subscriber-gate__card button:hover,.subscriber-gate__card button:focus{background:#286c7b;border-color:#286c7b}.subscriber-gate__actions a:hover,.subscriber-gate__actions a:focus{background:#fff;border-color:#286c7b;color:#205b68}.subscriber-gate__card button:focus-visible,.subscriber-gate__actions a:focus-visible{outline:4px solid rgba(40,108,123,.28);outline-offset:3px}.subscriber-gate__card small{display:block;color:#52727a}.subscriber-login-modal{width:min(520px,94vw);height:min(760px,92vh);padding:0;border:0;border-radius:18px;background:#142b36;box-shadow:0 30px 100px rgba(0,20,30,.5);overflow:hidden}.subscriber-login-modal::backdrop{background:rgba(2,20,29,.78);backdrop-filter:blur(5px)}.subscriber-login-modal iframe{display:block;width:100%;height:100%;border:0}.subscriber-login-modal__close{position:absolute;top:10px;right:12px;z-index:3;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(20,43,54,.85);color:#fff;font-size:28px;line-height:1;cursor:pointer}

/* Quiz interactif, lisible et tactile */
.interactive-quiz{position:relative;z-index:2;width:min(92vw,1500px);margin:auto;padding:clamp(24px,4vw,64px);border:1px solid rgba(255,255,255,.65);border-radius:30px;background:rgba(238,246,241,.76);box-shadow:0 24px 70px rgba(0,49,67,.2);backdrop-filter:blur(12px);color:#123f4d}.interactive-quiz__header{display:grid;gap:8px;margin-bottom:28px}.interactive-quiz__header h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.interactive-quiz__header>p:last-child{display:flex;justify-content:space-between;gap:16px;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800}.quiz-question{display:none}.quiz-question.is-active{display:grid;gap:clamp(20px,3vw,34px)}.quiz-question__top{display:flex;align-items:center;justify-content:space-between}.quiz-question__number{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#103f4d;color:#fff;font-size:1.7rem;font-weight:900}.quiz-timer{min-width:100px;padding:12px 18px;border:2px solid #1e7787;border-radius:999px;text-align:center;font-size:1.35rem;font-weight:900}.quiz-timer.is-urgent{border-color:#bd4e43;background:#fff0ec;color:#992e28;animation:quizPulse .8s infinite alternate}.quiz-question h3{max-width:1100px;margin:0;font-size:clamp(1.55rem,3vw,3rem);line-height:1.2}.quiz-question__image{margin:0;display:grid;place-items:center}.quiz-question__image img{display:block;width:auto;max-width:100%;max-height:50vh;object-fit:contain;border-radius:20px;box-shadow:0 16px 40px rgba(0,45,60,.22)}.quiz-question fieldset{min-width:0;margin:0;padding:0;border:0}.quiz-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quiz-answer{position:relative;display:flex;align-items:center;gap:16px;min-height:72px;padding:15px 20px;border:2px solid rgba(21,91,104,.35);border-radius:16px;background:rgba(255,255,255,.84);font-size:clamp(1rem,1.45vw,1.3rem);font-weight:750;cursor:pointer;touch-action:manipulation;transition:.18s ease}.quiz-answer:hover,.quiz-answer:focus-within{border-color:#16788b;transform:translateY(-2px)}.quiz-answer input{flex:0 0 auto;width:30px;height:30px;accent-color:#177b8c}.quiz-answer.is-correct{border-color:#278152;background:#e0f6e8}.quiz-answer.is-correct::after{content:'Bonne réponse';margin-left:auto;color:#17663c;font-size:.85em;font-weight:900}.quiz-answer.is-wrong{border-color:#b84f43;background:#ffe8e3}.quiz-answer.is-wrong::after{content:'Réponse incorrecte';margin-left:auto;color:#922d25;font-size:.85em;font-weight:900}.quiz-validate,.quiz-feedback button,.quiz-final button{min-width:220px;min-height:60px;padding:14px 24px;border:0;border-radius:14px;background:#154b59;color:#fff;font:800 clamp(1rem,1.3vw,1.2rem)/1.2 inherit;cursor:pointer;touch-action:manipulation}.quiz-feedback{display:grid;gap:14px;padding:20px 24px;border-left:7px solid #d77d6d;border-radius:14px;background:#fff}.quiz-feedback>strong{font-size:1.35rem}.quiz-feedback.is-success{border-color:#278152}.quiz-feedback.is-warning{border-color:#d59a2b}.quiz-feedback.is-error{border-color:#b84f43}.quiz-final{display:grid;place-items:center;gap:20px;padding:40px;text-align:center}.quiz-final [data-quiz-final-score]{font-size:clamp(3rem,8vw,7rem)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes quizPulse{to{transform:scale(1.06)}}@media(max-width:760px){.interactive-quiz{width:calc(100% - 24px);padding:20px 16px;border-radius:20px}.quiz-answers{grid-template-columns:1fr}.quiz-answer{min-height:64px}.quiz-answer.is-correct::after,.quiz-answer.is-wrong::after{display:none}.interactive-quiz__header>p:last-child{flex-direction:column}.quiz-validate,.quiz-feedback button,.quiz-final button{width:100%}}

.quiz-feedback.is-warning>div,.quiz-feedback.is-warning>[data-quiz-next]{display:none}

/* Les paragraphes riches conservent tous la métrique typographique du bloc. */
.article-body .prose p,.article-body .split-text p,.article-body .split-intro p,.article-body .title-subtitle-text>div p,.article-body .callout>div p,.article-body .conclusion-block>div p,.article-body .species-card p,.article-body .numbered-card p,.article-body .illustrated-card p{font:inherit;line-height:inherit;margin:0 0 1em}
.article-body .prose p:last-child,.article-body .split-text p:last-child,.article-body .split-intro p:last-child,.article-body .title-subtitle-text>div p:last-child,.article-body .callout>div p:last-child,.article-body .conclusion-block>div p:last-child,.article-body .species-card p:last-child,.article-body .numbered-card p:last-child,.article-body .illustrated-card p:last-child{margin-bottom:0}
.hero .byline{margin-top:clamp(24px,3vh,38px);margin-bottom:0}

/* Parcours de quiz centré, lancé explicitement par le lecteur. */
.article-body>.interactive-quiz{width:min(calc(100% - clamp(110px,12vw,260px)),1500px)!important;max-width:1500px!important;margin:0 auto!important;align-self:center;justify-content:center}
.quiz-start{display:grid;width:min(100%,1050px);min-height:calc(100svh - clamp(96px,10vw,180px));margin:auto;place-items:center;align-content:center;gap:clamp(22px,3vw,36px);text-align:center}
.quiz-start h2,.quiz-final h2{margin:0;font-size:clamp(2.25rem,5vw,5rem);line-height:1.02}
.quiz-start>p:not(.eyebrow),.quiz-final>p:not(.eyebrow){margin:0;font-size:clamp(1.1rem,1.8vw,1.55rem)}
.quiz-start button{display:flex;min-width:min(100%,520px);min-height:clamp(92px,9vh,118px);align-items:center;justify-content:center;padding:22px 42px;border:0;border-radius:18px;background:#154b59;color:#fff;font-family:inherit;font-size:clamp(30px,2.15vw,42px)!important;font-weight:900;line-height:1.15;cursor:pointer;touch-action:manipulation;box-shadow:0 14px 32px rgba(0,48,62,.22)}
.quiz-start button:hover,.quiz-start button:focus-visible{background:#0d6678;transform:translateY(-2px)}
.quiz-start[hidden],.interactive-quiz__header[hidden],.quiz-final[hidden],.quiz-question[hidden],.quiz-feedback[hidden],[data-quiz-next][hidden]{display:none!important}
.quiz-final{min-height:55vh;align-content:center}
@media(max-width:760px){.article-body>.interactive-quiz{width:calc(100% - 24px)!important;margin:0 auto!important}.quiz-start{min-height:calc(100svh - 80px)}.quiz-start button{width:100%;min-height:82px;font-size:clamp(24px,6vw,32px)!important}}

/* Quiz prioritairement tactile : textes et commandes lisibles de la TV au mobile. */
.interactive-quiz__header>p:last-child{font-size:clamp(21px,1.45vw,30px)!important;line-height:1.35}
.quiz-question__number{width:clamp(68px,5vw,88px);height:clamp(68px,5vw,88px);font-size:clamp(28px,2vw,40px)}
.quiz-timer{min-width:clamp(112px,8vw,150px);min-height:64px;padding:14px 22px;font-size:clamp(24px,1.8vw,34px)}
.quiz-question h3{font-size:clamp(34px,3.2vw,58px)!important;line-height:1.16}
.quiz-answers{gap:clamp(16px,1.5vw,26px)}
.quiz-answer{min-height:clamp(86px,7vh,112px);gap:clamp(16px,1.5vw,26px);padding:clamp(18px,1.7vw,30px);border-width:3px;font-size:clamp(24px,1.8vw,34px)!important;line-height:1.28}
.quiz-answer input{appearance:none!important;-webkit-appearance:none!important;display:grid;flex:0 0 clamp(40px,2.8vw,52px);width:clamp(40px,2.8vw,52px)!important;height:clamp(40px,2.8vw,52px)!important;margin:0;place-content:center;border:3px solid #2b7380;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.52),inset 0 0 0 3px #fff;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.quiz-answer input[type="radio"]{border-radius:50%}
.quiz-answer input[type="checkbox"]{border-radius:9px}
.quiz-answer input:checked{border-color:#0d6678;background-color:#148095;box-shadow:0 0 0 5px rgba(20,128,149,.2),inset 0 0 0 5px #fff}
.quiz-answer input[type="radio"]:checked{background-image:radial-gradient(circle,#0b5060 0 35%,transparent 38%)}
.quiz-answer input[type="checkbox"]:checked{background-image:linear-gradient(45deg,transparent 42%,#fff 43% 51%,transparent 52%),linear-gradient(135deg,transparent 44%,#fff 45% 53%,transparent 54%);background-position:-4px 2px,7px -3px;background-size:55% 85%,70% 95%;background-repeat:no-repeat}
.quiz-answer input:focus-visible{outline:5px solid rgba(215,125,109,.72);outline-offset:5px}
.quiz-answer input:active{transform:scale(.92)}
.quiz-answer.is-correct::after,.quiz-answer.is-wrong::after{font-size:clamp(20px,1.35vw,27px);line-height:1.2;text-align:right}
.quiz-validate,.quiz-feedback button,.quiz-final button{min-height:clamp(72px,7vh,92px);padding:18px 30px;font-size:clamp(22px,1.55vw,30px)!important}
.quiz-feedback{gap:clamp(18px,2vw,30px);padding:clamp(26px,2.5vw,44px);border-left-width:9px}
.quiz-feedback>strong{font-size:clamp(27px,2vw,38px);line-height:1.25}
.quiz-feedback>div,.quiz-feedback>div p{font-size:clamp(22px,1.55vw,30px)!important;line-height:1.55!important}
.quiz-feedback>div p{margin:0 0 1em}.quiz-feedback>div p:last-child{margin-bottom:0}
@media(max-width:900px){.quiz-answers{grid-template-columns:1fr}.quiz-answer.is-correct::after,.quiz-answer.is-wrong::after{display:block}.quiz-question h3{font-size:clamp(30px,6vw,46px)!important}}
@media(max-width:520px){.interactive-quiz{padding:24px 16px!important}.quiz-answer{min-height:82px;padding:17px 16px;font-size:21px!important}.quiz-answer input{flex-basis:40px;width:40px!important;height:40px!important}.quiz-answer.is-correct::after,.quiz-answer.is-wrong::after{font-size:16px}.quiz-feedback>strong{font-size:25px}.quiz-feedback>div,.quiz-feedback>div p{font-size:20px!important}.quiz-validate,.quiz-feedback button,.quiz-final button{min-height:68px;font-size:20px!important}}

/* Retrait éditorial des encadrés : plus d’air à gauche, rail préservé à droite. */
@media(min-width:851px){.article-body>.callout--pedagogy,.article-body>.callout--naturalist,.article-body>.callout--important{padding-left:clamp(88px,7.5vw,160px)!important;padding-right:clamp(120px,9vw,190px)!important}.article-body>.callout--pedagogy>h3,.article-body>.callout--pedagogy>div,.article-body>.callout--naturalist>h3,.article-body>.callout--naturalist>div,.article-body>.callout--important>h3,.article-body>.callout--important>div{width:min(1180px,100%)}}

/* Signature centrale commune à l'index public et à tous les articles. */
.menu .navbar,.site-header{position:relative}
.menu .navbar .article-center-logo,.site-header>.article-center-logo{position:absolute!important;top:50%!important;left:50%!important;z-index:1060!important;display:grid!important;width:clamp(58px,4.6vw,74px)!important;height:clamp(58px,4.6vw,74px)!important;margin:0!important;padding:0!important;place-items:center;transform:translate(-50%,-50%)!important}
.menu .navbar .article-center-logo .navbar-logo,.menu .navbar .article-center-logo a{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.menu .navbar .article-center-logo img,.site-header>.article-center-logo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 4px 9px rgba(0,24,34,.25))}
@media(max-width:700px){.menu .navbar .article-center-logo,.site-header>.article-center-logo{width:56px!important;height:56px!important}}

/* Logo injecté indépendamment du composant navbar-brand de Mobirise. */
.menu .navbar>.article-center-signature{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    z-index:2000!important;
    display:block!important;
    width:clamp(58px,4.6vw,74px)!important;
    height:clamp(58px,4.6vw,74px)!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
    pointer-events:auto!important;
}
.menu .navbar>.article-center-signature img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    filter:drop-shadow(0 4px 9px rgba(0,24,34,.28));
}
@media(max-width:700px){.menu .navbar>.article-center-signature{width:56px!important;height:56px!important}}

/* Le footer Mobirise laisse apparaître le fond sous-marin continu de la page. */
.extFooter,
.extFooter[class*="cid-"],
.site-footer{
    background-color:transparent!important;
    background-image:none!important;
}
.extFooter #creativecommons,
.extFooter .footer-lower{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}