/* Midi 8 October — stable glass edges; larger cards without changing the story.
   Keep backdrop blur; no opacity transition or bright 1px top reflection on a scrolling layer. */
/* 8 October — enlarged story cards and finite, magnetic programme rails.
   Load after retours23-motion.css and retours23-parcours.css. */
body[data-reprise] #mon-parcours.r-story .r-story-read{--r-story-card-width:clamp(500px,52vw,760px);--r-story-gap:clamp(64px,5.1vw,84px);--r-story-origin:calc(31vw - var(--r-story-card-width)/2);top:75%}
body[data-reprise] #mon-parcours.r-story .r-story-read .r-story-card{min-height:clamp(400px,31.5svh,450px);padding:34px 38px;border-radius:32px;background:linear-gradient(130deg,#fbfcff50,#b8d0ed30 48%,#f5f7ff42);border-color:#ffffff38;border-top-color:#ffffff24;background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff0a,0 22px 56px #0004;opacity:1;transition:none}
body[data-reprise] #mon-parcours.r-story .r-story-card h3{font:700 clamp(34px,3.25vw,46px)/1.13 Poppins,sans-serif!important;letter-spacing:-.045em}
body[data-reprise] #mon-parcours.r-story .r-story-card p{font:400 clamp(20px,1.7vw,24px)/1.48 'DM Sans',sans-serif;margin-top:22px}
body[data-reprise] #mon-parcours.r-story .r-story-card-number{font-size:11px;margin-bottom:17px;color:#fff9}
body[data-reprise] #mon-parcours.r-story .r-story-card h3 .r08-story-accent{color:#FFBD4A;text-shadow:0 1px 17px #ffbd4a22}
@media(min-width:701px) and (max-height:820px){body[data-reprise] #mon-parcours.r-story .r-story-read{top:72%}body[data-reprise] #mon-parcours.r-story .r-story-read .r-story-card{min-height:320px;padding:26px 30px}body[data-reprise] #mon-parcours.r-story .r-story-card h3{font-size:32px!important}body[data-reprise] #mon-parcours.r-story .r-story-card p{font-size:19px;margin-top:18px}}
@media(max-width:700px){body[data-reprise] #mon-parcours.r-story .r-story-read{--r-story-card-width:calc(100vw - 40px);--r-story-gap:14px;--r-story-origin:12px;top:auto}body[data-reprise] #mon-parcours.r-story .r-story-read .r-story-card{min-height:0;padding:29px 25px;border-radius:26px}body[data-reprise] #mon-parcours.r-story .r-story-card h3{font-size:30px!important;line-height:1.14!important}body[data-reprise] #mon-parcours.r-story .r-story-card p{font-size:19px;line-height:1.5;margin-top:20px}body[data-reprise] #mon-parcours.r-story .r-story-card-number{font-size:10px;margin-bottom:15px}}
@media(max-width:360px){body[data-reprise] #mon-parcours.r-story .r-story-read{--r-story-card-width:calc(100vw - 32px);--r-story-origin:12px;--r-story-gap:12px}body[data-reprise] #mon-parcours.r-story .r-story-read .r-story-card{padding:25px 22px}body[data-reprise] #mon-parcours.r-story .r-story-card h3{font-size:28px!important}body[data-reprise] #mon-parcours.r-story .r-story-card p{font-size:18px}}
/* JS applies a 190–290 ms damped snap. Native vertical scrolling stays available. */
body[data-reprise] .r-carousel{scroll-snap-type:none;scroll-behavior:auto}
body[data-reprise] .r-carousel>.r-slides{transform:translate3d(var(--r08-edge,0px),0,0);transition:none}
body[data-reprise] .r-carousel.r08-snapping{scroll-snap-type:none;scroll-behavior:auto}
body[data-reprise] .r-carousel.r-rail-dragging>.r-slides{will-change:transform}
body[data-reprise] .r-carousel>.r-slides>.r-slide{position:relative}
.r08-reco-badge{position:absolute;z-index:7;top:21px;right:22px;max-width:min(290px,calc(100% - 40px));padding:12px 19px;border:1px solid #ffffffb0;border-radius:18px;background:linear-gradient(135deg,#fffdf0e0,#ffebbcba 62%,#fffdf4ca);backdrop-filter:blur(24px) saturate(1.55);-webkit-backdrop-filter:blur(24px) saturate(1.55);box-shadow:inset 0 1px 0 #ffffffe0,0 8px 25px #0002;color:#49351a;overflow:hidden;text-align:left;pointer-events:none}
.r08-reco-badge strong{position:relative;display:block;font:700 11px/1.4 'DM Sans',sans-serif;letter-spacing:.045em}
.r08-reco-badge span{position:relative;display:block;font:500 11px/1.4 'DM Sans',sans-serif;margin-top:3px;color:#735524;letter-spacing:0}
.r08-reco-badge:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 36%,#fff9 47%,transparent 57%);background-size:250% 100%;background-position:150% 0;animation:r08-glass-glint 8s ease-in-out infinite;animation-play-state:paused;opacity:.58}
.r-slide[data-advice-level="next"] .r08-reco-badge,.r-slide[data-advice-level="need"] .r08-reco-badge{background:linear-gradient(135deg,#ffffffd1,#f4f2e9b8);color:#37352e;padding:11px 17px}
.r-slide[data-advice-level="need"] .r08-reco-badge{opacity:.88}
.r-slide.r-ia .r08-reco-badge{box-shadow:inset 0 1px 0 #fff,0 6px 25px #14388124}.r-slide.r-mm .r08-reco-badge{box-shadow:inset 0 1px 0 #fff,0 6px 25px #124e3724}.r-slide.r-xp .r08-reco-badge,.r-slide.r-mission .r08-reco-badge{box-shadow:inset 0 1px 0 #fff,0 6px 25px #80151f24}
body[data-reprise] .r-carousel>.r-slides>.r-slide>.r08-card-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:62px;margin:0;padding:0;border:1px solid #ffffffa6;border-radius:30px;background:linear-gradient(130deg,#f7faff73,#bac9e32b 60%,#fff7);color:#fff;font:30px/1 'DM Sans',sans-serif;backdrop-filter:blur(24px) saturate(1.75);-webkit-backdrop-filter:blur(24px) saturate(1.75);box-shadow:inset 0 1px 0 #ffffffe0,inset 0 -1px 0 #ffffff36,0 8px 25px #0004;cursor:pointer;overflow:hidden;transition:background .18s,box-shadow .18s,opacity .18s}
body[data-reprise] .r-slide>.r08-card-prev{left:7px}body[data-reprise] .r-slide>.r08-card-next{right:7px}
body[data-reprise] .r-slide>.r08-card-arrow:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff9 47%,transparent 59%);background-size:260% 100%;background-position:150% 0;animation:r08-glass-glint 7.5s ease-in-out infinite;animation-play-state:paused;opacity:.64}
body[data-reprise] .r-slide>.r08-card-arrow span{position:relative;text-shadow:0 1px 8px #0007}
body[data-reprise] .r-slide>.r08-card-arrow:hover{background:linear-gradient(130deg,#ffffffa3,#d5e4ef6b);box-shadow:inset 0 1px 0 #fff,0 10px 30px #0004}
body[data-reprise] .r-slide>.r08-card-arrow:disabled{opacity:.3;cursor:default}
body[data-reprise] .r08-reco-visible .r-slide[aria-current="true"] .r08-reco-badge:before,body[data-reprise] .r08-reco-visible .r-slide[aria-current="true"]>.r08-card-arrow:not(:disabled):before{animation-play-state:running}
body[data-reprise] .r-recommendations:not(.r08-reco-visible) .r-slide .r-button{animation-play-state:paused}
@keyframes r08-glass-glint{0%,25%{background-position:150% 0}60%,100%{background-position:-90% 0}}
body[data-reprise] .r-slide.r-mission .r-slide-copy .r-program-logo{width:min(360px,100%)!important;height:auto!important;max-height:106px!important;margin-bottom:24px}
@media(max-width:700px){.r08-reco-badge{top:17px;right:17px;padding:11px 14px;max-width:calc(100% - 34px);border-radius:16px}.r08-reco-badge strong,.r08-reco-badge span{font-size:10px}body[data-reprise] .r-carousel>.r-slides>.r-slide>.r08-card-arrow{top:205px;width:44px;height:56px;font-size:27px}body[data-reprise] .r-slide>.r08-card-prev{left:9px}body[data-reprise] .r-slide>.r08-card-next{right:9px}body[data-reprise] .r-slide.r-mission .r-slide-copy .r-program-logo{width:min(315px,100%)!important;max-height:96px!important}}
@media(prefers-reduced-motion:reduce){body[data-reprise] .r08-reco-badge:before,body[data-reprise] .r-slide>.r08-card-arrow:before{animation:none}body[data-reprise] .r-slide>.r08-card-arrow,body[data-reprise] #mon-parcours.r-story .r-story-card{transition:none}body[data-reprise] #mon-parcours.r-story .r-story-read{top:auto}body[data-reprise] .r-slide[data-recommended="true"] .r-button{animation:none}}
/* Integration QA: keep edge controls clear of the copy and maintain CTA contrast. */
body[data-reprise] .r08-card-arrow:disabled{visibility:hidden}
@media(min-width:701px){body[data-reprise] .r-slide.r-mission .r-slide-copy{padding-left:72px}}
body[data-reprise] #r23-prochain-geste .r-button{color:#fff!important}
body[data-reprise] #r23-prochain-geste.ya .r-button{color:#191919!important}
@media(max-width:700px){body[data-reprise] #mon-parcours.r-story{scroll-margin-top:-95px!important}}
@media(min-width:701px){body[data-reprise] .r-slide:not(.r-mission) .r-slide-copy{padding-right:74px}}

/* Keep the recommendation player attached to its own carousel. */
body[data-reprise] .r-recommendations .r-controls.r-context-player{position:relative;left:auto;bottom:auto;top:auto;transform:none;animation:none;margin:24px auto 0;z-index:5}