/* Lecteur audio éditorial. */
.article-body>.audio-block{position:relative;display:grid!important;width:min(1180px,calc(100% - 40px));min-height:auto!important;grid-template-columns:150px minmax(0,1fr);gap:clamp(24px,4vw,58px);align-self:center;align-items:center;margin:auto!important;padding:clamp(30px,5vw,70px)!important;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:linear-gradient(135deg,rgba(241,239,229,.88),rgba(189,214,213,.76))!important;box-shadow:0 26px 70px rgba(4,59,83,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.audio-block.public-slide--titled>.public-block-title{position:static;grid-column:1/-1;order:-1;margin:0 0 clamp(4px,1vw,14px);color:#073b50;font-size:clamp(30px,2.6vw,50px);line-height:1.08}
.audio-block__icon{position:relative;width:130px;height:130px;background:linear-gradient(145deg,#285d69,#043b53);box-shadow:0 15px 38px rgba(4,59,83,.28)}
.audio-block__icon::after{position:absolute;inset:-10px;border:1px solid rgba(255,255,255,.72);border-radius:50%;content:""}
.audio-block h2{margin:0 0 18px;color:#073b50;font-size:clamp(28px,2.6vw,46px);line-height:1.08}
.audio-block audio{width:100%;min-height:64px;margin-bottom:18px;accent-color:#0c7083}
.audio-block audio~div:not(.audio-touch-player){max-width:950px;padding-top:18px;border-top:1px solid rgba(40,93,105,.28);font-size:clamp(18px,1.1vw,24px);line-height:1.6;color:#173f49}
.audio-block audio~div:not(.audio-touch-player) p{color:inherit}
.audio-touch-player{display:grid;grid-template-columns:64px minmax(0,1fr) auto 56px;gap:16px;align-items:center;width:100%;margin:4px 0 20px;padding:12px 14px;border-radius:18px;background:rgba(4,59,83,.9);box-shadow:0 10px 26px rgba(4,59,83,.2);color:#fff}
.audio-touch-player button{display:grid;min-width:56px;min-height:56px;padding:0;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:#0c7083;color:#fff;font:700 24px/1 Jost,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.audio-touch-player button:hover,.audio-touch-player button:focus-visible{background:#1490a5;border-color:#fff}
.audio-touch-player input[type="range"]{width:100%;min-height:48px;margin:0;accent-color:#67c7d0;cursor:pointer;touch-action:pan-x}
.audio-touch-player time{min-width:112px;font-size:17px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}
.audio-touch-player__mute{font-size:21px!important}
.section-nav a{min-width:52px!important;min-height:52px!important;padding:6px!important;justify-content:flex-end;touch-action:manipulation}
.section-nav a i{width:22px!important;height:22px!important;border-width:3px!important;flex:0 0 22px}
.section-nav a.active i{width:26px!important;height:26px!important;flex-basis:26px}
.section-nav a span{margin-right:7px;padding:7px 11px!important;font-size:13px!important;line-height:1.15}

/* Grille de cartes numérotées : quatre cadres maximum par ligne. */
.article-body>.numbered-cards{align-items:stretch}
.numbered-cards__grid{--cards-gap:clamp(16px,2vw,30px);display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cards-gap)}
.numbered-cards--count-1 .numbered-cards__grid{grid-template-columns:minmax(0,calc((100% - var(--cards-gap) - var(--cards-gap) - var(--cards-gap))/4));justify-content:center}
.numbered-cards--count-2 .numbered-cards__grid{grid-template-columns:repeat(2,minmax(0,calc((100% - var(--cards-gap) - var(--cards-gap) - var(--cards-gap))/4)));justify-content:center}
.numbered-cards--count-3 .numbered-cards__grid{grid-template-columns:repeat(3,minmax(0,calc((100% - var(--cards-gap) - var(--cards-gap) - var(--cards-gap))/4)));justify-content:center}
.numbered-card{min-width:0;padding:clamp(24px,2.5vw,42px);border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(3,20,29,.9);box-shadow:0 20px 52px rgba(1,20,30,.25);color:#f2f7f6}
.numbered-card>span{display:grid;width:78px;height:78px;margin-bottom:clamp(24px,3vw,44px);place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:50%;color:#2ba1b3;font-size:38px;font-weight:800}
.numbered-card h3{margin:0 0 14px;color:#2ba1b3;font-size:clamp(19px,1.25vw,27px)}
.numbered-card>div{font-size:clamp(17px,1.02vw,22px);line-height:1.6}.numbered-card p{margin:.65em 0}
.article-body>.illustrated-cards{align-items:stretch}.illustrated-cards__grid{--cards-gap:clamp(16px,2vw,30px);display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cards-gap);align-items:stretch}.illustrated-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(3,20,29,.9);box-shadow:0 20px 52px rgba(1,20,30,.25);color:#f2f7f6}.illustrated-card figure{margin:0}.illustrated-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.illustrated-card figcaption{padding:8px 18px;background:rgba(255,255,255,.08);color:#d5e5e6;font-size:14px;line-height:1.4}.illustrated-card__body{padding:clamp(22px,2.2vw,36px)}.illustrated-card h3{margin:0 0 18px;color:#2ba1b3;font-size:clamp(23px,1.55vw,34px);line-height:1.18}.illustrated-card__body>div{font-size:clamp(17px,1.02vw,22px);line-height:1.62}.illustrated-cards--count-1 .illustrated-cards__grid{grid-template-columns:minmax(0,calc((100% - var(--cards-gap) - var(--cards-gap) - var(--cards-gap))/4));justify-content:center}.illustrated-cards--count-2 .illustrated-cards__grid{grid-template-columns:repeat(2,minmax(0,calc((100% - var(--cards-gap) - var(--cards-gap) - var(--cards-gap))/4)));justify-content:center}.illustrated-cards--count-3 .illustrated-cards__grid{grid-template-columns:repeat(3,minmax(0,calc((100% - var(--cards-gap) - var(--cards-gap) - var(--cards-gap))/4)));justify-content:center}
.prose p,.split-text p,.split-intro p,.callout p,.conclusion-block p,.numbered-card p{margin:0 0 1.15em}.prose p:last-child,.split-text p:last-child,.split-intro p:last-child,.callout p:last-child,.conclusion-block p:last-child,.numbered-card p:last-child{margin-bottom:0}.prose ul,.prose ol,.split-text ul,.split-text ol,.split-intro ul,.split-intro ol,.callout ul,.callout ol,.conclusion-block ul,.conclusion-block ol,.numbered-card ul,.numbered-card ol{margin:1.15em 0;padding-left:1.5em}.prose li,.split-text li,.split-intro li,.callout li,.conclusion-block li,.numbered-card li{margin:.55em 0;padding-left:.2em}.editorial-paragraph-break{display:block;width:100%;height:clamp(24px,2.3em,58px);flex:0 0 auto}

/* Si le texte est plus court que le média, le texte devient la colonne fixe. */
@media(min-width:851px){.split-layout.is-short-text>.block-image,.split-layout.is-short-text>.split-slider{position:relative;top:auto}.split-layout.is-short-text>.split-text{position:sticky;top:clamp(24px,8vh,90px);align-self:start}}
@media(max-width:1250px){.numbered-cards__grid,.numbered-cards--count-2 .numbered-cards__grid,.numbered-cards--count-3 .numbered-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start}.numbered-cards--count-1 .numbered-cards__grid{grid-template-columns:minmax(0,calc((100% - var(--cards-gap))/2));justify-content:center}}
@media(max-width:1250px){.illustrated-cards__grid,.illustrated-cards--count-2 .illustrated-cards__grid,.illustrated-cards--count-3 .illustrated-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start}.illustrated-cards--count-1 .illustrated-cards__grid{grid-template-columns:minmax(0,calc((100% - var(--cards-gap))/2));justify-content:center}}
@media(max-width:700px){.article-body>.audio-block{grid-template-columns:1fr;width:calc(100% - 28px);text-align:center}.audio-block.public-slide--titled>.public-block-title{grid-column:1;text-align:left}.audio-block__icon{margin:auto}.audio-block audio~div:not(.audio-touch-player){text-align:left}.audio-touch-player{grid-template-columns:58px minmax(0,1fr) 52px}.audio-touch-player time{grid-column:2;grid-row:2;min-width:0;text-align:left}.audio-touch-player__mute{grid-column:3;grid-row:1/3}}
@media(max-width:650px){.numbered-cards__grid,.numbered-cards--count-1 .numbered-cards__grid,.numbered-cards--count-2 .numbered-cards__grid,.numbered-cards--count-3 .numbered-cards__grid{grid-template-columns:1fr;justify-content:start}}
@media(max-width:650px){.illustrated-cards__grid,.illustrated-cards--count-1 .illustrated-cards__grid,.illustrated-cards--count-2 .illustrated-cards__grid,.illustrated-cards--count-3 .illustrated-cards__grid{grid-template-columns:1fr;justify-content:start}}
@media(max-width:850px){.numbered-cards,.illustrated-cards{height:auto!important;overflow:visible!important}.numbered-cards__grid,.illustrated-cards__grid{width:100%;min-width:0}.numbered-card,.illustrated-card{width:100%;max-width:100%;overflow:hidden}.illustrated-card img{height:auto;max-height:48svh;object-fit:cover}}
.article-body>.title-subtitle-text{align-items:stretch;width:100%!important;max-width:none!important;margin:0!important;padding:clamp(42px,6vw,100px) clamp(34px,8vw,150px)!important;border:1px solid rgba(255,255,255,.28);border-radius:0;background:rgba(3,25,35,.62);box-shadow:0 24px 70px rgba(2,35,49,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.title-subtitle-text>h2,.title-subtitle-text>h3,.title-subtitle-text>div{width:min(1500px,100%);margin-left:auto!important;margin-right:auto!important}.title-subtitle-text>h2{max-width:none;margin-top:0;margin-bottom:clamp(22px,2.4vw,40px);color:#38c5d5;font-size:clamp(42px,4.2vw,78px);letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.3)}.title-subtitle-text>h3{max-width:none;margin-top:0;margin-bottom:clamp(28px,3.2vw,50px);color:#84e7ed;font-size:clamp(30px,2.6vw,50px);font-weight:700;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.32)}.title-subtitle-text>div{max-width:none;color:#f3f8f7;font-size:clamp(24px,1.55vw,34px);line-height:1.62;text-shadow:0 1px 8px rgba(0,0,0,.25)}.title-subtitle-text>div p{margin:0 0 1.15em;color:inherit}.title-subtitle-text>div p:last-child{margin-bottom:0}
@media(max-width:650px){.article-body>.title-subtitle-text{width:100%!important;padding:32px 22px!important}.title-subtitle-text>h2{font-size:clamp(34px,10vw,48px)}.title-subtitle-text>h3{font-size:clamp(26px,7.5vw,36px)}.title-subtitle-text>div{font-size:22px;line-height:1.55}}

/* Légendes lisibles sur ordinateur, borne tactile, tablette et mobile. */
.hero figcaption,.hero__caption,.block-image figcaption,.gallery figcaption{margin-top:clamp(14px,1.2vw,24px)!important;font-size:clamp(18px,1.05vw,25px)!important;line-height:1.5!important;opacity:1!important}
.illustrated-card figcaption{margin-top:14px!important;font-size:clamp(16px,.9vw,21px)!important;line-height:1.5!important}
@media(max-width:650px){.hero figcaption,.hero__caption,.block-image figcaption,.gallery figcaption{font-size:17px!important}.illustrated-card figcaption{font-size:16px!important}}

/* Bloc paragraphe : lecture longue confortable et contraste constant. */
.article-body>.prose{color:#f4f9f8!important;font-size:clamp(26px,1.65vw,38px)!important;line-height:1.68!important;background:rgba(3,25,35,.34)!important;text-shadow:0 1px 8px rgba(0,18,28,.32);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.article-body>.prose p,.article-body>.prose li{color:inherit!important;font:inherit!important;line-height:inherit!important}.article-body>.prose p{display:block;width:100%;margin:0!important}.article-body>.prose p+p{margin-top:clamp(34px,1.6em,66px)!important}.article-body>.prose a{color:#8ce9ef!important;text-decoration-thickness:.08em;text-underline-offset:.15em}
.article-body>.prose .editorial-paragraph-break{height:clamp(34px,1.6em,66px)!important}
@media(max-width:850px){.article-body>.prose{font-size:24px!important;line-height:1.62!important}}
@media(max-width:520px){.article-body>.prose{font-size:21px!important;line-height:1.58!important}}

/* Conclusion : lecture confortable sur ordinateur, TV et borne tactile. */
.article-body>.conclusion>p:not(.eyebrow),.article-body>.conclusion-block>div{font-size:clamp(24px,1.55vw,36px)!important;line-height:1.65!important}
.article-body>.conclusion>p:not(.eyebrow){color:#173d49}
@media(max-width:850px){.article-body>.conclusion>p:not(.eyebrow),.article-body>.conclusion-block>div{font-size:23px!important;line-height:1.62!important}}
@media(max-width:520px){.article-body>.conclusion>p:not(.eyebrow),.article-body>.conclusion-block>div{font-size:20px!important;line-height:1.58!important}}
