.ads-publication{min-height:68px;padding:0 4vw;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:20px;background:#181a1e;color:#fff}.ads-publication .brand{width:182px}.ads-publication .brand img{display:block;width:100%;height:auto}.ads-publication>span{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d4d7da}.ads-publication>a{justify-self:end;padding:13px 16px;background:#ffd400;color:#181a1e;font:700 12px var(--sans)}.ads-article{max-width:1180px;margin:0 auto;padding:50px 4vw 86px;background:#fff}.ads-article-head{max-width:930px;margin:0 auto 35px}.ads-kicker{display:block;margin-bottom:17px;font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#737982}.ads-article h1{margin:0;color:#181a1e;font:600 clamp(47px,6.3vw,88px)/.94 var(--serif);letter-spacing:-.06em}.ads-deck{max-width:715px;margin:25px 0 28px;font-size:19px;line-height:1.5;color:#41464e}.ads-primary{display:inline-flex;align-items:center;gap:22px;padding:15px 17px;background:#181a1e;color:#fff;font:700 13px var(--sans)}.ads-primary:hover{background:#34373c}.ads-hero-image{max-width:1030px;margin:42px auto 0}.ads-hero-image img{display:block;width:100%;max-height:550px;object-fit:cover}.ads-hero-image figcaption{margin-top:9px;color:#737982;font-size:11px}.ads-story{max-width:720px;margin:58px auto 0}.ads-story section{margin-bottom:49px}.ads-story h2{margin:0 0 15px;color:#181a1e;font:600 clamp(33px,4vw,49px)/1 var(--serif);letter-spacing:-.045em}.ads-story p{margin:0 0 18px;font-size:17px;line-height:1.62}.ads-risk-list{margin:22px 0;padding:0;list-style:none;border-top:1px solid #e4e6e9}.ads-risk-list li{padding:17px 0;border-bottom:1px solid #e4e6e9;font-size:16px;line-height:1.5}.ads-risk-list b{display:block;margin-bottom:3px;font:600 22px var(--serif)}.ads-pullquote{margin:34px 0;padding:22px 0;border-top:2px solid #181a1e;border-bottom:2px solid #181a1e;font:600 32px/1.04 var(--serif)}.ads-options{padding:0;list-style:none;border-top:1px solid #e4e6e9}.ads-options li{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid #e4e6e9}.ads-options>li>span{padding-top:5px;color:#737982;font:10px var(--mono);letter-spacing:.1em}.ads-options h3{margin:0 0 9px;font:600 26px/1.05 var(--serif)}.ads-options p{margin:0;font-size:15px}.ads-quiz-zone{max-width:1030px;margin:68px auto 0;padding:43px;display:grid;grid-template-columns:1fr minmax(365px,.86fr);gap:54px;background:#181a1e;color:#fff}.ads-quiz-zone .ads-kicker{color:#ffd400}.ads-quiz-zone h2{margin:0;font:600 clamp(37px,4vw,59px)/.96 var(--serif);letter-spacing:-.05em}.ads-quiz-zone>div>p{max-width:500px;color:#dce0e4;line-height:1.55}.ads-benefits{padding:0;list-style:none;color:#e5e8eb;font-size:14px;line-height:1.7}.ads-benefits li:before{content:'✓';margin-right:9px;color:#ffd400}.ads-quiz{padding:26px;background:#f5f6f8;color:#181a1e}.ads-quiz>p{margin:0 0 11px;color:#737982;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.ads-quiz fieldset{display:grid;gap:7px;margin:0;padding:0;border:0}.ads-quiz legend{margin-bottom:15px;font:600 29px/1.05 var(--serif)}.ads-quiz label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dfe2e6;background:#fff;cursor:pointer;font-size:14px}.ads-quiz label:has(input:checked){border-color:#181a1e;background:#fff6bf}.ads-quiz input{accent-color:#181a1e}.ads-quiz button{display:flex;justify-content:space-between;width:100%;margin-top:18px;padding:14px 15px;border:0;background:#ffd400;color:#181a1e;font:700 13px var(--sans);cursor:pointer}.ads-quiz button:hover{background:#fff}.ads-quiz small{display:block;min-height:16px;margin-top:8px;color:#b3261e;font-size:12px}.ads-publication-foot{padding:22px 4vw;display:flex;gap:18px;flex-wrap:wrap;background:#181a1e;color:#cfd3d8;font-size:11px}.ads-publication-foot a{color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){.ads-publication{min-height:58px;grid-template-columns:1fr auto;padding:0 5vw}.ads-publication>span{display:none}.ads-publication .brand{width:145px}.ads-publication>a{padding:10px 11px;font-size:10px}.ads-article{padding:33px 0 54px}.ads-article-head{padding:0 4vw}.ads-article h1{font-size:48px}.ads-deck{font-size:17px}.ads-hero-image{margin-top:30px}.ads-hero-image figcaption{padding:0 4vw}.ads-story{padding:0 4vw;margin-top:42px}.ads-story section{margin-bottom:39px}.ads-story p{font-size:16px}.ads-pullquote{font-size:29px}.ads-quiz-zone{margin:52px 0 0;padding:37px 4vw;grid-template-columns:1fr;gap:29px}.ads-quiz-zone h2{font-size:42px}.ads-quiz{padding:21px}.ads-quiz legend{font-size:27px}.ads-publication-foot{padding:20px 4vw}}
/* La campagne conserve sa conversion, mais emprunte pleinement la hiérarchie d'un article. */
.ads-article.article--standard{max-width:1040px;margin:48px auto 72px;padding:0 0 56px;background:#fff}.ads-article .ads-article-head.article-header{max-width:none;margin:0;padding:52px 64px 32px}.ads-article .ads-kicker{display:block;margin:0 0 17px;color:#737982}.ads-article.article--standard h1{max-width:920px;margin:0}.ads-article .ads-deck{max-width:870px;margin:25px 0 20px}.ads-article .ads-byline{margin:0}.ads-article .ads-primary{margin-top:24px}.ads-article .ads-hero-image{max-width:none;margin:0}.ads-article .ads-hero-image img{width:100%;max-height:550px;object-fit:cover}.ads-article .ads-hero-image figcaption{margin:0;padding:9px 64px 0;color:#7c8490;font-size:12px;line-height:1.35}.ads-article .ads-story{max-width:760px;margin:38px auto 0;padding:0 24px}.ads-article .ads-quiz-zone{max-width:none;margin:68px 0 0}.ads-article .ads-kicker.article-kicker{font:600 11px/1.2 var(--sans);letter-spacing:.045em;text-transform:uppercase}.ads-article .ads-kicker.article-kicker:after{content:'';display:inline-block;width:4px;height:4px;margin:0 8px 2px;background:#ffd400;border-radius:50%}@media(max-width:850px){.ads-article.article--standard{margin:0;background:#fff}.ads-article .ads-article-head.article-header{padding:34px 4vw 28px}.ads-article .ads-hero-image figcaption{padding:9px 4vw 0}.ads-article .ads-story{padding:0 4vw}.ads-article .ads-quiz-zone{margin-top:52px}}
/* Grille presse : titre, image, légende et lecture partagent la même colonne. */
.ads-article .ads-article-head.article-header{max-width:760px;padding:52px 0 32px}.ads-article.article--standard h1{max-width:760px;font-size:clamp(46px,5.5vw,74px)}.ads-article .ads-deck{max-width:760px}.ads-article .ads-hero-image{max-width:760px;margin:0 auto}.ads-article .ads-hero-image figcaption{padding:9px 0 0}.ads-article .ads-story{max-width:760px;padding:0}.ads-article .ads-quiz-zone{max-width:760px;margin:68px auto 0}@media(max-width:850px){.ads-article .ads-article-head.article-header{max-width:none;padding:34px 4vw 28px}.ads-article .ads-hero-image{max-width:none}.ads-article .ads-hero-image figcaption{padding:9px 4vw 0}.ads-article .ads-story{padding:0 4vw}.ads-article .ads-quiz-zone{max-width:none;margin-top:52px}}
/* Un même bloc de lecture évite toute dérive d'axe entre le chapô, l'image et le récit. */
.ads-article .ads-article-head.article-header{margin-left:auto;margin-right:auto}
/* Première action : un seul choix, sans argumentaire concurrent. */
.ads-article .ads-quiz-zone{display:block;max-width:760px;padding:48px;background:#f5f6f8;border-top:4px solid #ffd400}.ads-article .ads-quiz{max-width:560px;margin:0 auto;padding:0;background:transparent}.ads-article .ads-quiz fieldset{gap:10px}.ads-article .ads-quiz label{display:grid;grid-template-columns:20px 1fr auto;align-items:center;min-height:62px;padding:0 18px;border:1px solid #d8dde3;background:#fff;font:600 17px/1.25 var(--sans)}.ads-article .ads-quiz label span{padding-left:2px}.ads-article .ads-quiz label b{font-size:19px;font-weight:400;opacity:0}.ads-article .ads-quiz label:has(input:checked){border-color:#181a1e;background:#ffd400}.ads-article .ads-quiz label:has(input:checked) b{opacity:1}.ads-article .ads-quiz button{background:#181a1e;color:#fff}.ads-article .ads-quiz button:hover{background:#34373c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.ads-article .ads-quiz-zone{padding:28px 4vw}.ads-article .ads-quiz label{min-height:58px;font-size:16px}}
/* Le diagnostic garde une séquence explicite : contexte, choix, confirmation. */
.ads-article .ads-quiz-zone{border-top:4px solid #ffd400}.ads-article .ads-quiz-kicker{margin:0 0 12px!important;color:#737982!important;font:600 11px/1.2 var(--sans)!important;letter-spacing:.08em!important}.ads-article .ads-quiz h2{margin:0 0 26px;color:#181a1e;font:600 clamp(31px,4vw,44px)/1 var(--serif);letter-spacing:-.04em}.ads-article .ads-quiz label{grid-template-columns:20px 1fr}.ads-article .ads-quiz button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:16px 18px;border:0;background:#181a1e;color:#fff;font:700 15px var(--sans);cursor:pointer}.ads-article .ads-quiz button:disabled{background:#b5bbc2;color:#eef0f2;cursor:not-allowed}.ads-article .ads-quiz button:not(:disabled):hover{background:#34373c}
/* Parcours complet dans la page, avec une question plus discrète que le titre. */
.ads-article .ads-quiz-progress{display:flex;align-items:center;gap:13px;margin:0 0 24px;color:#737982;font:600 11px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase}.ads-article .ads-quiz-progress i{display:block;flex:1;height:4px;background:#d8dde3}.ads-article .ads-quiz-progress b{display:block;height:100%;width:16.666%;background:#ffd400;transition:width .2s}.ads-article #ads-quiz-question fieldset{gap:8px}.ads-article #ads-quiz-question legend{margin:0 0 14px;font:600 23px/1.15 var(--serif)}.ads-article #ads-quiz-question label{min-height:53px;font-size:15px}.ads-quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.ads-quiz-actions button{display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:14px 16px!important}.ads-quiz-actions button:first-child{background:transparent!important;border:1px solid #181a1e!important;color:#181a1e!important}.ads-quiz-actions button[hidden]{display:none}.ads-quiz-error{outline:2px solid #b3261e;outline-offset:4px}
/* Progression en six repères, et hiérarchie nette entre retour et action principale. */
.ads-article .ads-quiz-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 24px}.ads-article .ads-quiz-progress i{height:5px;background:#d8dde3}.ads-article .ads-quiz-progress i.is-complete{background:#ffd400}.ads-quiz-actions{justify-content:flex-end;align-items:center}.ads-quiz-actions button:first-child{width:auto!important;padding:7px 4px!important;border:0!important;background:transparent!important;color:#737982!important;font:600 12px var(--sans)!important;text-decoration:underline;text-underline-offset:3px}.ads-quiz-actions button:last-child{min-width:174px}.ads-quiz-actions button:first-child:hover{color:#181a1e!important}
.ads-article .ads-quiz-zone{border-top:0}
/* La landing garde l'autorité éditoriale, sans titres surdimensionnés. */
.ads-article.article--standard h1{font-size:clamp(40px,4.7vw,60px);line-height:1.04}.ads-article .ads-story h2{font-size:clamp(28px,3vw,38px);line-height:1.12}.ads-article .ads-quiz h2{font-size:clamp(30px,3.3vw,38px);line-height:1.08}@media(max-width:850px){.ads-article.article--standard h1{font-size:38px}.ads-article .ads-story h2{font-size:29px}.ads-article .ads-quiz h2{font-size:31px}}
/* Bannière de passage à l'action, lisible comme une information éditoriale. */
.ads-info-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin:36px 0 6px;padding:28px 30px;background:#181a1e;border-left:4px solid #ffd400;color:#fff}.ads-info-banner span{display:block;margin-bottom:9px;color:#ffd400;font:600 11px/1 var(--sans);letter-spacing:.08em}.ads-info-banner h3{margin:0 0 7px;font:600 29px/1.08 var(--serif);letter-spacing:-.025em}.ads-info-banner p{margin:0!important;max-width:520px;color:#e0e3e7!important;font-size:15px!important;line-height:1.45!important}.ads-info-banner a{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;padding:14px 16px;background:#ffd400;color:#181a1e;font:700 13px var(--sans)}.ads-info-banner a b{font-size:19px;font-weight:400}@media(max-width:850px){.ads-info-banner{grid-template-columns:1fr;gap:20px;padding:25px 22px}.ads-info-banner h3{font-size:27px}.ads-info-banner a{justify-content:space-between}}
/* Masthead de campagne : une signature média compacte, sans cartouche derrière le logo. */
.ads-publication{height:58px;min-height:58px;padding:0 max(22px,4vw);grid-template-columns:170px 1fr auto;gap:24px}.ads-publication .brand{width:170px;min-width:0;padding:0!important;background:transparent!important}.ads-publication .brand img{width:170px;height:auto}.ads-publication>span{justify-self:start;font-size:10px;letter-spacing:.12em;color:#b9bec5}.ads-publication>a:not(.brand){padding:10px 13px;background:#ffd400;color:#181a1e;font-size:12px;line-height:1}.ads-publication>a.brand{background:transparent!important}@media(max-width:850px){.ads-publication{height:54px;min-height:54px;grid-template-columns:142px 1fr;gap:10px;padding:0 16px}.ads-publication .brand,.ads-publication .brand img{width:142px}.ads-publication>a:not(.brand){justify-self:end;padding:9px 10px;font-size:10px}}