/* XPANSION, ouverture et dernier pas éditoriaux, 8 octobre 2026.
   Ajouts autonomes : aucun style de la scène, des programmes ou du manifeste n'est remplacé. */
body[data-cinema="xpansion"] .xp17-intro,
body[data-cinema="xpansion"] .xp17-closing{box-sizing:border-box;width:100%;padding:clamp(56px,7vw,104px) clamp(20px,5.55vw,80px);color:#191919;font-family:"DM Sans",sans-serif}
.xp17-intro{background:radial-gradient(ellipse at 100% 0,#e40d1a08,transparent 42%),#f7f7f9;border-top:1px solid #e7e7ec}
.xp17-wrap{width:100%;max-width:1180px;margin:0 auto;min-width:0}
.xp17-intro *, .xp17-closing *{box-sizing:border-box}
.xp17-intro .xp17-kicker,.xp17-closing .xp17-kicker{font:600 11px/1.5 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;color:#E40D1A}
.xp17-intro .xp17-heading{max-width:920px;margin-bottom:42px}
.xp17-intro h2,.xp17-closing h2{font:700 clamp(32px,4.1vw,58px)/1.1 Poppins,sans-serif;letter-spacing:-.035em;color:#191919;margin:0;text-wrap:balance;text-transform:uppercase}
.xp17-intro h2 span{color:#E40D1A}
.xp17-intro .xp17-lead{max-width:810px;margin:24px 0 0;font:400 clamp(17px,1.55vw,21px)/1.65 "DM Sans",sans-serif;color:#45454f}
.xp17-situations{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;min-width:0}
.xp17-situation{position:relative;min-width:0;padding:32px 28px 30px;border:1px solid #e0e0e8;border-radius:26px;background:linear-gradient(145deg,#fff,#fcfcfe);box-shadow:0 10px 30px #13132005;overflow-wrap:anywhere}
.xp17-situation::before{content:"";display:block;width:46px;height:3px;background:#E40D1A;margin-bottom:27px;border-radius:99px}
.xp17-situation:nth-child(2)::before{background:#1D6EE8}
.xp17-situation:nth-child(3)::before{background:#191919}
.xp17-situation .xp17-number{position:absolute;top:25px;right:26px;font:600 12px/1 Poppins,sans-serif;color:#8b8b98;letter-spacing:.1em}
.xp17-situation h3{font:700 clamp(20px,1.7vw,25px)/1.2 Poppins,sans-serif;color:#191919;margin:0 0 19px;letter-spacing:-.025em;text-wrap:balance;text-transform:none}
.xp17-situation p{font:400 17px/1.6 "DM Sans",sans-serif;color:#4f4f5a;margin:0}
.xp17-bridge{position:relative;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,68px);margin-top:30px;padding:clamp(32px,4vw,58px);border:1px solid #222331;border-radius:30px;background:radial-gradient(ellipse at 0 100%,#e40d1a1c,transparent 55%),linear-gradient(130deg,#171821,#0d0e15);color:#fff;min-width:0}
.xp17-bridge>div{min-width:0}
.xp17-bridge .xp17-kicker{color:#ff7783;margin-bottom:17px}
.xp17-bridge h3{font:700 clamp(27px,2.8vw,40px)/1.14 Poppins,sans-serif;letter-spacing:-.03em;margin:0;color:#fff;text-wrap:balance;text-transform:none}
.xp17-path{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.xp17-path span{display:inline-block;padding:8px 11px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff07;color:#d7dae6;font:500 11px/1.4 "DM Sans",sans-serif}
.xp17-bridge .xp17-bridge-copy p{font:400 clamp(17px,1.5vw,20px)/1.65 "DM Sans",sans-serif;margin:0 0 22px;color:#e2e4ee}
.xp17-bridge .xp17-bridge-copy p:last-of-type{margin-bottom:27px}
.xp17-bridge .xp17-next{display:inline-flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid #ff7783;color:#fff;font:600 15px/1.5 "DM Sans",sans-serif;text-decoration:none;max-width:100%;min-height:44px}
.xp17-next span{color:#ff7783;font-size:21px}
.xp17-next:hover{border-bottom-color:#fff}
.xp17-next:focus-visible,.xp17-join:focus-visible{outline:3px solid #ff7783;outline-offset:6px;border-radius:3px}
.xp17-closing{background:#fff}
.xp17-closing .xp17-closing-panel{position:relative;min-width:0;padding:clamp(36px,6vw,82px);border:1px solid #ffffff25;border-radius:38px;background:radial-gradient(ellipse at 0 100%,#E40D1A30,transparent 50%),radial-gradient(ellipse at 100% 0,#1d6ee82b,transparent 46%),#101118;overflow:hidden;text-align:center}
.xp17-closing .xp17-kicker{color:#ff7783}
.xp17-closing h2{max-width:940px;margin:0 auto;color:#fff;font-size:clamp(31px,4.6vw,64px)}
.xp17-closing h2 span{color:#ff7783}
.xp17-closing .xp17-closing-copy{max-width:730px;margin:26px auto 34px;font:400 clamp(17px,1.55vw,21px)/1.65 "DM Sans",sans-serif;color:#e2e4ee}
.xp17-closing .xp17-join{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:0;max-width:100%;min-height:56px;padding:17px 30px;border:1px solid #ff717b;border-radius:999px;background:#E40D1A;color:#fff;font:600 17px/1.4 Poppins,sans-serif;text-decoration:none;box-shadow:0 8px 34px #e40d1a30;transition:background .2s,box-shadow .2s,transform .2s}
.xp17-join span{font:500 24px/1 "DM Sans",sans-serif}
.xp17-closing .xp17-join:hover{background:#ca0713;box-shadow:0 12px 38px #e40d1a45;transform:translateY(-2px)}
.xp17-closing .xp17-together{font:400 13px/1.5 "DM Sans",sans-serif;color:#a9adbe;margin:19px 0 0}
@media(max-width:950px){.xp17-situations{grid-template-columns:1fr}.xp17-situation{padding:30px}.xp17-situation h3{font-size:25px}.xp17-situation p{max-width:740px}.xp17-bridge{grid-template-columns:1fr;gap:28px}.xp17-bridge h3{max-width:600px}}
@media(max-width:640px){body[data-cinema="xpansion"] .xp17-intro,body[data-cinema="xpansion"] .xp17-closing{padding:56px 20px}.xp17-intro .xp17-heading{margin-bottom:30px}.xp17-intro h2{font-size:33px}.xp17-intro .xp17-lead{font-size:17px;margin-top:22px}.xp17-situations{gap:14px}.xp17-situation{padding:27px 24px;border-radius:22px}.xp17-situation h3{font-size:24px}.xp17-situation p{font-size:17px}.xp17-situation::before{margin-bottom:24px}.xp17-bridge{padding:30px 25px;margin-top:22px;border-radius:24px}.xp17-bridge .xp17-bridge-copy p{font-size:17px}.xp17-bridge .xp17-next{font-size:14px}.xp17-path{gap:6px}.xp17-path span{font-size:10px;padding:7px 10px}.xp17-closing .xp17-closing-panel{padding:39px 26px;border-radius:26px}.xp17-closing h2{font-size:34px}.xp17-closing .xp17-closing-copy{font-size:17px;margin:23px auto 28px}.xp17-closing .xp17-join{font-size:15px;gap:10px;padding:16px 18px;min-height:56px}.xp17-join span{font-size:21px}}
@media(max-width:370px){body[data-cinema="xpansion"] .xp17-intro,body[data-cinema="xpansion"] .xp17-closing{padding-inline:18px}.xp17-intro h2{font-size:30px}.xp17-situation{padding:26px 21px}.xp17-situation h3{font-size:22px}.xp17-bridge{padding:27px 21px}.xp17-bridge h3{font-size:28px}.xp17-closing .xp17-closing-panel{padding:35px 21px}.xp17-closing h2{font-size:30px}.xp17-closing .xp17-join{font-size:14px;padding:15px;gap:8px}}
@media(prefers-reduced-motion:reduce){.xp17-closing .xp17-join{transition:none}.xp17-closing .xp17-join:hover{transform:none}}

.xp17-intro .xp17-permission{max-width:890px;margin:34px auto;font:400 clamp(19px,2vw,25px)/1.55 "DM Sans",sans-serif;text-align:center;color:#45454f;text-wrap:balance}.xp17-permission strong{color:#191919}.xp17-permission em{font-style:normal;font-weight:700;color:#E40D1A;white-space:nowrap}

/* Retour après publication : récit entre les hésitations et le manifeste. */
.xa .story.xp16-story .xp18-story-lead{max-width:910px;margin:28px 0 0;font:400 clamp(18px,1.65vw,22px)/1.65 "DM Sans",sans-serif;color:#d4d8e2}
.xp18-story-outro{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:clamp(44px,6vw,80px) clamp(24px,5.55vw,80px);text-align:center}
.xp18-story-outro p{font:400 clamp(20px,2.1vw,28px)/1.5 "DM Sans",sans-serif;color:#e2e4ee;margin:0 auto 28px;text-wrap:balance}
.xp18-story-outro .xp17-next{display:inline-flex;align-items:center;gap:16px;max-width:100%;min-height:48px;padding:12px 0;border-bottom:1px solid #ff7783;color:#fff;font:600 17px/1.5 "DM Sans",sans-serif;text-decoration:none}
@media(max-width:640px){.xp18-story-outro .xp17-next{font-size:15px}.xa .story.xp16-story .xp18-story-lead{font-size:18px;margin-top:22px}}