@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
:root{--gold:#c48a00;--red:#d13526;--blue:#187bc4;--purple:#814197;--green:#578d31;--white:#eceae5;--line:#3c3529}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--white);font-family:Georgia,serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3,blockquote{margin-top:0}.page{width:min(100%,1024px);margin:auto;background:#020202}.hero{padding:20px 22px 20px}.hero-header{display:grid;grid-template-columns:100px 1fr 238px;gap:25px;align-items:start}.brand{font:600 13px Oswald;color:var(--gold);letter-spacing:.13em;padding-top:8px}.three-lines{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.three-lines p{margin:0;padding:0 17px;border-right:1px solid var(--gold)}.three-lines p:last-child{border:0}.three-lines b{display:block;font:500 15px Oswald;letter-spacing:.12em}.three-lines span{font-size:11px}.real-link{border:1px solid var(--gold);text-align:center;padding:8px 12px;font:500 13px Oswald;letter-spacing:.12em}.real-link b{display:block;color:var(--gold)}.real-link span{display:block}
.hero-content{display:grid;grid-template-columns:285px 1fr;gap:28px;margin-top:38px}.eyebrow,.author,.line-title,.enter,.number-title,.number{font-family:Oswald,sans-serif;letter-spacing:.13em}.eyebrow{font-size:11px;color:var(--gold);font-weight:600}.book-block h1{font:700 52px/.88 Oswald;margin:11px 0 9px}.book-block h1 span{color:var(--gold)}.author{font-size:16px;letter-spacing:.3em}.book-block blockquote{font-size:17px;line-height:1.45;margin:18px 0 40px}.line-title{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:13px}.line-title:before,.line-title:after{content:"";height:1px;background:var(--gold);flex:1}.women-strip{height:119px;object-fit:cover;margin-top:3px}.line-title.bottom{margin-top:1px}.enter{display:inline-flex;gap:14px;align-items:center;margin:18px 0 0 16px;font-size:12px}.enter span{font-size:22px;color:var(--gold)}
.questions-intro{text-align:center;color:var(--gold);font-size:17px;margin:0 0 10px}.question-grid{display:grid;grid-template-columns:132px 1fr 218px;gap:18px}.small-questions{display:grid;gap:10px}.small-questions p{margin:0;min-height:82px;border:1px solid rgba(196,138,0,.48);padding:13px 12px;text-align:center;font-size:12px;line-height:1.45;display:flex;align-items:center;justify-content:center}.small-questions em,.main-questions em,.small-questions strong{font-style:normal;color:var(--gold)}.main-questions{display:grid;align-content:center;gap:13px}.main-questions h2{text-align:center;font-size:19px;line-height:1.15;font-weight:400;margin:0}.main-questions h2:after{content:"";display:block;width:38px;height:1px;background:var(--gold);margin:9px auto 0}.hero-bottom{display:grid;grid-template-columns:1fr 188px;gap:12px;margin-top:15px}.locations-label{margin-bottom:5px}.locations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.locations-grid figure{height:144px;position:relative;overflow:hidden}.locations-grid figcaption{position:absolute;inset:auto 0 0;padding:24px 4px 7px;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.96));font-family:Oswald}.locations-grid b{display:block;font-size:12px;font-weight:500}.locations-grid span{display:block;font:11px/1.35 Georgia;color:#ddd}.mystery-zone .line-title{margin-bottom:34px}.mystery-zone h3{text-align:center;font:500 22px Oswald;color:var(--gold);letter-spacing:.08em;margin-bottom:8px}.mystery-zone img{height:84px;object-fit:cover}
.universes{border-top:1px solid #313131;padding:13px 22px 14px}.universes-header{text-align:center}.universes-header h2{font:700 29px/.95 Oswald;letter-spacing:.04em;margin:0 0 8px}.universes-header h2 em{font-style:normal;color:var(--gold)}.universes-header p{font:13px/1.45 Arial,sans-serif;margin-bottom:12px}.top-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.universe-card,.mini-card{border:1px solid #444;overflow:hidden;background:#050505}.universe-card{display:grid;position:relative}.universe-01{grid-template-columns:165px 1fr;height:274px}.universe-02{grid-template-columns:193px 1fr;height:274px}.card-copy{padding:11px 12px;position:relative;z-index:2}.number-title{display:flex;align-items:center;gap:10px}.number{font-size:24px;line-height:1;border:1px solid;padding:7px 8px}.gold-border{border-color:var(--gold);color:var(--gold)}.red-border{border-color:var(--red);color:var(--red)}.blue-border{border-color:var(--blue);color:var(--blue)}.purple-border{border-color:var(--purple);color:var(--purple)}.green-border{border-color:var(--green);color:var(--green)}.number-title b{font:500 11px Oswald;letter-spacing:.12em}.gold-text{color:var(--gold)}.red-text{color:var(--red)}.blue-text{color:var(--blue)}.purple-text{color:var(--purple)}.green-text{color:var(--green)}.card-copy h3{font:700 26px/.95 Oswald;margin:17px 0 14px}.card-copy p{font-size:13px;line-height:1.45}.card-copy>a,.mini-copy>a{display:inline-block;border:1px solid var(--gold);padding:8px 10px;font:500 10px Oswald;letter-spacing:.09em;margin-top:12px}.red-button{border-color:var(--red)!important;color:var(--red)}.blue-button{border-color:var(--blue)!important;color:var(--blue)}.universe-01>img{height:100%;object-fit:cover}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:9px 9px 9px 0}.fact-grid a{position:relative;min-height:123px;overflow:hidden;border:1px solid #292929}.fact-grid span{position:absolute;inset:auto 0 0;text-align:center;padding:28px 4px 7px;background:linear-gradient(transparent,rgba(0,0,0,.96));font:600 13px/1.1 Oswald}.fact-grid small{display:block;color:var(--red);font-size:10px;margin-top:5px}
.universe-03{grid-template-columns:255px 1fr;min-height:224px;margin-top:10px;border-color:#164b70}.universe-03 .card-copy h3{font-size:29px}.universe-03 .card-copy p{font-size:12px}.characters-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:7px}.characters-grid figure{height:101px;position:relative;overflow:hidden;border:1px solid #272727}.characters-grid figure:nth-child(n+8){grid-column:span 1}.characters-grid figcaption{position:absolute;inset:auto 0 0;text-align:center;padding:14px 3px 3px;background:linear-gradient(transparent,rgba(0,0,0,.95));font:500 10px Oswald}.characters-grid figure:nth-child(8){grid-column:1/2}.characters-grid figure:nth-child(9){grid-column:2/3}.characters-grid figure:nth-child(10){grid-column:3/4}.characters-grid figure:nth-child(11){grid-column:4/5}.characters-grid figure:nth-child(12){grid-column:5/6}
.bottom-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.mini-card{height:176px;display:grid;grid-template-columns:58% 42%;position:relative}.mini-copy{padding:8px 10px;z-index:2}.mini-copy .number{font-size:21px;padding:5px 7px}.mini-copy h3{font-size:17px;line-height:1.05;font-weight:400;margin:12px 0 8px}.mini-copy p{font-size:10px;line-height:1.4;margin-bottom:0}.mini-copy>a{font-size:9px;padding:6px 8px;margin-top:8px}.purple-card .mini-copy>a{border-color:var(--purple);color:#b864cb}.green-card .mini-copy>a{border-color:var(--green);color:#80b154}.mini-card>img{height:100%;object-fit:cover}.social-icons{font:18px Arial;margin-top:5px}.final-quote{text-align:center;padding:10px 20px 4px}.final-quote blockquote{font-size:27px;line-height:1.05;margin:0}.final-quote strong{font-weight:400;color:var(--gold)}footer{width:min(100%,1024px);margin:auto;padding:4px 24px 10px;border-top:1px solid #222;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;font:10px Arial;color:#777}footer nav{display:flex;gap:26px}.domain{text-align:right;color:var(--gold)}
@media(max-width:820px){.page{width:100%}.hero-header{grid-template-columns:1fr}.three-lines{order:3}.hero-content{grid-template-columns:1fr}.question-grid{grid-template-columns:1fr}.small-questions{grid-template-columns:repeat(3,1fr)}.hero-bottom{grid-template-columns:1fr}.mystery-zone{display:none}.top-cards{grid-template-columns:1fr}.universe-01,.universe-02,.universe-03{height:auto;grid-template-columns:1fr}.universe-01>img{min-height:280px}.fact-grid{padding:8px}.characters-grid{grid-template-columns:repeat(4,1fr)}.bottom-cards{grid-template-columns:1fr 1fr}.mini-card{height:190px}}
@media(max-width:520px){.hero{padding:16px}.three-lines{grid-template-columns:1fr}.three-lines p{border-right:0;border-bottom:1px solid var(--gold);padding:7px}.small-questions{grid-template-columns:1fr}.locations-grid{grid-template-columns:1fr 1fr}.book-block h1{font-size:44px}.bottom-cards{grid-template-columns:1fr}.characters-grid{grid-template-columns:repeat(2,1fr)}.final-quote blockquote{font-size:20px}footer{grid-template-columns:1fr;text-align:center}footer nav{justify-content:center}.domain{text-align:center}}

/* Finitions de la page d'accueil */
.hero-header,.book-block,.questions-block,.universes-header,.universe-card,.mini-card{animation:reveal .75s ease both}
.questions-block{animation-delay:.08s}.universes-header{animation-delay:.14s}
@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.women-strip{filter:contrast(1.06);transition:filter .45s ease,opacity .45s ease;opacity:.94}
.book-block:hover .women-strip{filter:contrast(1.14);opacity:1}
.final-questions{max-width:560px;margin:34px auto 28px;gap:24px}
.final-questions h2{font-size:23px;line-height:1.22}
.final-questions h2:last-child{font-size:25px}
.final-questions h2:last-child em{color:var(--gold)}
.hero-content{grid-template-columns:285px minmax(0,1fr)}
.enter{border:1px solid rgba(196,138,0,.8);padding:10px 14px;margin-left:0;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.enter:hover{background:var(--gold);color:#050505;box-shadow:0 0 22px rgba(196,138,0,.28);transform:translateY(-2px)}
.enter:hover span{color:#050505}
.locations-grid figure,.fact-grid a,.characters-grid figure,.mini-card,.universe-card{transition:transform .3s ease,border-color .3s ease,filter .3s ease}
.locations-grid figure:hover,.fact-grid a:hover,.characters-grid figure:hover{transform:translateY(-3px);filter:brightness(1.1)}
.mystery-zone .line-title{margin-bottom:12px}.mystery-copy{text-align:center;border:1px solid rgba(196,138,0,.42);padding:13px 8px 11px;margin-bottom:7px}.mystery-copy h3{font-size:15px;letter-spacing:.12em;margin:0 0 7px}.mystery-copy p{font-size:12px;line-height:1.45;margin:0;color:#d9d5cd}.mystery-zone img{height:69px;opacity:.82}
.real-link,.card-copy>a,.mini-copy>a{transition:background .25s ease,color .25s ease,transform .25s ease}.real-link:hover,.card-copy>a:hover,.mini-copy>a:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-header,.book-block,.questions-block,.universes-header,.universe-card,.mini-card{animation:none}.locations-grid figure,.fact-grid a,.characters-grid figure,.mini-card,.universe-card,.enter{transition:none}}
@media(max-width:820px){.final-questions{margin:24px auto}.final-questions h2,.final-questions h2:last-child{font-size:21px}}

/* Corrections largeur, images et liens — juillet 2026 */
.page{width:100%;max-width:none}
footer{width:100%;max-width:none}
.hero,.universes{padding-left:clamp(22px,4vw,72px);padding-right:clamp(22px,4vw,72px)}
.hero-header{grid-template-columns:110px minmax(420px,1fr) 250px}
.header-actions{display:grid;gap:7px}.press-link{display:block;text-align:center;border:1px solid #555;padding:6px 10px;font:500 10px Oswald;letter-spacing:.12em;color:#ddd}.press-link:hover{border-color:var(--purple);color:#d29bdf}
.locations-grid{gap:8px}.locations-grid figure{height:auto;aspect-ratio:4/3}.locations-grid figure img{object-fit:cover;object-position:center}
.fact-grid a{min-height:0;aspect-ratio:16/11;background:#111}.fact-grid a img{object-fit:contain;object-position:center;background:#111}.fact-grid span{padding-top:38px}
.universe-01>img{object-fit:contain;background:#050505;padding:10px}
.character-scenes-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.character-scenes-grid figure,.character-scenes-grid figure:nth-child(n){height:auto;aspect-ratio:16/10;grid-column:auto}.character-scenes-grid img{object-fit:cover;object-position:center}.character-scenes-grid figcaption{font-size:11px;padding:25px 4px 5px}
.social-links{display:flex;flex-direction:column;gap:4px;margin-top:7px;font:500 9px Oswald;letter-spacing:.04em}.social-links a{color:#a9cf8c;text-decoration:underline;text-underline-offset:2px}
@media(max-width:1100px){.hero-header{grid-template-columns:100px 1fr 225px}.character-scenes-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.hero-header{grid-template-columns:1fr}.header-actions{max-width:320px}.character-scenes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.character-scenes-grid{grid-template-columns:1fr}.locations-grid figure{aspect-ratio:4/3}}

/* Pages stories — Inspiré de faits réels */
.story-page{min-height:100vh;background:#050505;color:#eee}.story-shell{width:min(1180px,100%);margin:auto;padding:24px clamp(16px,4vw,54px) 60px}.story-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #332a1c;padding-bottom:16px}.story-back,.story-nav a{border:1px solid #b77f18;padding:9px 12px;font:500 11px Oswald;letter-spacing:.08em;color:#e0b45f}.story-top strong{font:600 14px Oswald;letter-spacing:.14em}.story-intro{text-align:center;padding:42px 0 28px}.story-intro .episode{font:500 12px Oswald;letter-spacing:.15em;color:#d39a32}.story-intro h1{font:700 clamp(34px,5vw,64px)/.98 Oswald;margin:10px 0 16px}.story-intro p{max-width:760px;margin:auto;font-size:17px;line-height:1.55;color:#ccc}.story-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.story-gallery figure{margin:0;background:#090909;border:1px solid #292929;padding:6px}.story-gallery img{width:100%;height:auto;object-fit:contain}.story-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:34px 0 0}.story-nav a.active{background:#b77f18;color:#090909}.story-return{display:block;width:max-content;margin:32px auto 0;border:1px solid #eee;padding:11px 16px;font:500 11px Oswald;letter-spacing:.1em}.story-note{text-align:center;color:#888;font-size:12px;margin-top:20px}@media(max-width:900px){.story-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.story-gallery{grid-template-columns:1fr}.story-top{align-items:flex-start;flex-direction:column}.story-intro{padding-top:28px}}


/* Ajustements demandés — version 2 */
.header-actions{display:block}.press-link{display:none!important}
.locations-grid figure{height:190px;aspect-ratio:auto}.locations-grid figure img{height:100%;object-fit:cover}
.universe-01,.universe-02{height:284px}
.universe-01{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(196,138,0,.13),transparent 34%),linear-gradient(135deg,#050505 0%,#10100d 55%,#030303 100%)}
.universe-01:before{content:"";position:absolute;right:4%;top:10%;width:42%;height:80%;border:1px solid rgba(196,138,0,.28);transform:rotate(-3deg);box-shadow:0 0 35px rgba(196,138,0,.10)}
.universe-01:after{content:"20  •  214  •  MOTS  •  CHIFFRES";position:absolute;right:3%;bottom:8px;font:500 9px Oswald;letter-spacing:.3em;color:rgba(196,138,0,.42)}
.universe-01>img{position:relative;z-index:1;width:auto;height:86%;max-width:58%;align-self:center;justify-self:center;object-fit:contain;background:transparent;padding:0;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 38px rgba(0,0,0,.72)}
.character-scenes-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:9px}
.character-scenes-grid figure,.character-scenes-grid figure:nth-child(n){height:205px;aspect-ratio:auto;grid-column:auto;background:#080808}
.character-scenes-grid img{object-fit:cover;object-position:center top}
.character-scenes-grid figcaption{font-size:12px;padding:34px 4px 7px}
.bottom-cards .mini-card{height:189px}
.universes-header p{font-size:14px}.card-copy p{font-size:14px}.universe-03 .card-copy p{font-size:13px}.mini-copy p{font-size:11px;line-height:1.45}.questions-intro{font-size:18px}
@media(max-width:1100px){.character-scenes-grid{grid-template-columns:repeat(3,1fr)}.character-scenes-grid figure,.character-scenes-grid figure:nth-child(n){height:240px}}
@media(max-width:820px){.locations-grid figure{height:175px}.universe-01>img{height:250px;max-width:70%;margin:18px auto}.character-scenes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.locations-grid figure{height:190px}.character-scenes-grid{grid-template-columns:1fr}.character-scenes-grid figure,.character-scenes-grid figure:nth-child(n){height:420px}}

/* Ajustements demandés — version 3 */
/* Bandeau supérieur "Inspiré de faits réels" */
.hero-header{grid-template-columns:110px minmax(520px,1fr) 285px;align-items:center}
.header-actions{align-self:center}
.real-link{display:flex;flex-direction:column;justify-content:center;min-height:62px;padding:10px 18px;border:1px solid rgba(196,138,0,.9);background:linear-gradient(135deg,rgba(196,138,0,.12),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);font-size:14px;line-height:1.25}
.real-link b{font-size:12px;margin-bottom:3px}.real-link span{font-size:14px}

/* Bloc titre et questions : mieux occuper toute la largeur */
.book-block h1{font-size:64px;line-height:.86}.author{font-size:19px}
.final-questions{max-width:900px;margin:30px auto 24px;gap:26px;padding:0 18px}
.final-questions h2{font-size:27px;line-height:1.18}.final-questions h2:last-child{font-size:29px}
.questions-block{min-width:0}

/* Les 4 lieux gagnent encore en hauteur */
.locations-grid figure{height:225px}

/* Le mot MYSTÈRE est partiellement masqué par le cartouche inférieur */
.mystery-zone .line-title{position:relative;z-index:1;margin-bottom:0}
.mystery-copy{position:relative;z-index:2;margin:-8px 8px 7px;background:#050505;border-color:rgba(196,138,0,.55);padding-top:17px}
.mystery-copy h3{font-size:17px}.mystery-copy p{font-size:13px}

/* Cadres 01 et 02 plus hauts */
.universe-01,.universe-02{height:320px}
/* Couverture plus petite, davantage mise en scène */
.universe-01>img{height:72%;max-width:43%;border:1px solid rgba(196,138,0,.42);box-shadow:0 20px 48px rgba(0,0,0,.82),0 0 25px rgba(196,138,0,.10)}
.universe-01:before{right:6%;top:9%;width:39%;height:82%}
.universe-01:after{right:4%;bottom:12px}

/* Cadres 04 à 07 plus hauts */
.bottom-cards .mini-card{height:220px}
.mini-copy p{font-size:12px;line-height:1.48}
.mini-copy h3{font-size:18px}

@media(max-width:1100px){
  .hero-header{grid-template-columns:100px 1fr 255px}
  .final-questions{max-width:760px}
  .final-questions h2{font-size:24px}.final-questions h2:last-child{font-size:26px}
}
@media(max-width:820px){
  .hero-header{grid-template-columns:1fr;align-items:start}.real-link{max-width:360px}
  .book-block h1{font-size:54px}.author{font-size:17px}
  .locations-grid figure{height:195px}
  .universe-01,.universe-02{height:auto}
  .universe-01>img{height:260px;max-width:58%}
  .bottom-cards .mini-card{height:210px}
}
@media(max-width:520px){
  .final-questions{padding:0}.final-questions h2,.final-questions h2:last-child{font-size:21px}
  .locations-grid figure{height:205px}
}


/* Corrections mobile et réseaux — version 5 */
html,body{max-width:100%;overflow-x:hidden}

/* Le cartouche laisse désormais clairement apparaître « 1 MYSTÈRE ». */
.mystery-zone .line-title{z-index:3;margin-bottom:5px}
.mystery-copy{margin:-3px 8px 7px}

/* Liens directs plus visibles dans le cadre Réseaux. */
.green-card .social-links{gap:9px;margin-top:12px}
.green-card .social-links a{display:block;width:max-content;max-width:100%;font:600 13px/1.25 Oswald;letter-spacing:.035em;color:#a9cf8c;text-decoration:none;border-bottom:1px solid rgba(128,177,84,.75);padding-bottom:3px}
.green-card .social-links a:hover{color:#d6efc2;border-color:#d6efc2}

/* Pied de page simplifié. */
footer.simple-footer{grid-template-columns:1fr 1fr;align-items:center}
footer.simple-footer .domain{text-align:right}

@media(max-width:820px){
  /* Le bloc mystère ne disparaît plus sur tablette et téléphone. */
  .mystery-zone{display:block;width:100%;max-width:420px;margin:18px auto 0}
  .mystery-zone .line-title{margin-bottom:5px}
  .mystery-copy{margin:-3px 8px 8px}
  .mystery-zone img{height:110px}

  /* Centrage réel des trois questions sur iPhone. */
  .questions-block{width:100%;max-width:100%;margin:0;padding:0;overflow:hidden}
  .final-questions{display:grid;width:100%;max-width:100%;margin:24px auto;padding:0 6px;justify-items:center;transform:none;left:auto;right:auto}
  .final-questions h2,.final-questions h2:last-child{display:block;width:100%;max-width:680px;margin-left:auto;margin-right:auto;padding:0;text-align:center;overflow-wrap:anywhere}
}

@media(max-width:520px){
  .hero{padding-left:16px;padding-right:16px}
  .final-questions{width:100%;max-width:none;margin:22px 0;padding:0}
  .final-questions h2,.final-questions h2:last-child{width:100%;max-width:none;font-size:20px;line-height:1.22;padding:0 2px}
  .final-questions h2 br{display:none}
  .mystery-zone{max-width:none;margin-top:16px}
  .mystery-zone h3{font-size:17px}
  .mystery-copy p{font-size:13px}
  .green-card .social-links a{font-size:15px}
  footer.simple-footer{grid-template-columns:1fr;text-align:center;gap:5px}
  footer.simple-footer .domain{text-align:center}
}

/* Correction définitive du centrage des questions sur iPhone — version 6 */
@media (max-width: 520px) {
  .questions-block {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: 0;
    padding-left: 18px;
    padding-right: 18px;
    overflow: visible;
  }

  .questions-intro,
  .final-questions,
  .final-questions h2,
  .final-questions h2:last-child {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    text-align: center;
  }

  .final-questions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }

  .final-questions h2,
  .final-questions h2:last-child {
    padding-left: 0;
    padding-right: 0;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* Correctif mobile V7 : la règle desktop de .hero-content était déclarée après
   la première media query et recréait deux colonnes sur iPhone. */
@media (max-width: 820px) {
  .hero-content {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .book-block,
  .questions-block {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 520px) {
  .questions-block {
    position: static;
    left: auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .questions-intro {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
  }

  .final-questions {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 22px auto;
    padding: 0;
  }

  .final-questions h2,
  .final-questions h2:last-child {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
}