/* Salle112 • Page chapitre 5e • V2.1 – surcharge ciblée sur entrainements.css */
.training-5e-page{
  --five:#2d8753; --five-dark:#16462e; --five-soft:#ecf8f0;
  --navy:#173b69; --chapter-border:#dce9e2;
  background:radial-gradient(ellipse 35rem 22rem at 0% 9%,#e7f4ec 0%,transparent 75%),
             radial-gradient(ellipse 32rem 26rem at 100% 12%,#eaf4fa 0%,transparent 75%),#fff !important;
}
.training-5e-page .training-topbar{background:rgba(255,255,255,.95);border-bottom:1px solid #e5edf0}
.training-5e-page .training-shell{width:min(1080px,calc(100% - 36px));padding:26px 0 52px}
.training-5e-page .training-breadcrumb{margin-bottom:16px;font-size:.87rem}
.training-5e-page .training-breadcrumb a{color:#28734b}
.training-5e-page .chapter-intro{
  display:flex;gap:20px;align-items:center;justify-content:space-between;
  padding:clamp(22px,3.2vw,37px);border:1px solid #cde7d4;border-radius:26px;
  background:linear-gradient(120deg,#eff9f1 0%,#f7fbf9 62%,#f0f6ff 100%);
  overflow:hidden;position:relative;
}
.training-5e-page .chapter-intro-text{min-width:0;position:relative;z-index:1}
.training-5e-page .chapter-kicker{margin:0 0 8px;color:#277848;letter-spacing:.09em;text-transform:uppercase;font-size:.81rem;font-weight:900}
.training-5e-page .chapter-intro h1{margin:0 0 9px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.055em;font-weight:900;color:#173b69}
.training-5e-page .chapter-description{max-width:60ch;margin:0;font-size:clamp(.95rem,1.45vw,1.02rem);line-height:1.5;color:#556c7b}
.training-5e-page .chapter-intro-deco{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;transform:rotate(-8deg);opacity:.82;flex:0 0 126px}
.training-5e-page .chapter-intro-deco span{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;font-weight:900;font-size:1.9rem;background:#dcefe3;color:#318956}
.training-5e-page .chapter-intro-deco span:nth-child(2){background:#dceaf9;color:#326b9f}
.training-5e-page .chapter-intro-deco span:nth-child(3){grid-column:1/-1;justify-self:center;background:#fff0cb;color:#a76b0d}
.training-5e-page .chapter-choice{margin-top:17px}
.training-5e-page .start-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;text-align:left;
  width:100%;min-height:87px;border:0;padding:15px 20px;border-radius:19px;color:#fff;
  background:linear-gradient(105deg,#287d4c,#216b65);cursor:pointer;box-shadow:0 10px 22px rgba(38,115,74,.13);
  transition:transform .15s,box-shadow .15s}
.training-5e-page .start-main:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(38,115,74,.22)}
.training-5e-page .start-main .start-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.17);font-size:1rem}
.training-5e-page .start-main strong{display:block;font-size:1.2rem;line-height:1.25}
.training-5e-page .start-main small{display:block;margin-top:3px;font-size:.87rem;color:#e3f8ea}
.training-5e-page .start-arrow{font-size:1.6rem;font-weight:900}
.training-5e-page .targeted-wrap{margin-top:29px}
.training-5e-page .targeted-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:15px}
.training-5e-page .targeted-heading h2{margin:0 0 3px;font-size:1.37rem;letter-spacing:-.03em;color:#173b69}
.training-5e-page .targeted-heading p{margin:0;color:#65798a;font-size:.92rem;line-height:1.42}
.training-5e-page .chapter-count{color:#2b7750;background:#e7f5eb;border:1px solid #cce5d3;border-radius:100px;padding:6px 11px;white-space:nowrap;font-size:.78rem;font-weight:800}
.training-5e-page .targeted-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.training-5e-page .targeted-grid .chapter-activity{
  min-height:77px;display:flex;align-items:center;gap:13px;text-align:left;
  border:1px solid #dce7e9;border-radius:17px;padding:12px 14px;
  background:#fff;color:#173b69;cursor:pointer;box-shadow:0 4px 13px rgba(27,65,81,.045);
  transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;
}
.training-5e-page .targeted-grid .chapter-activity:hover{transform:translateY(-2px);border-color:#93c9a5;background:#f8fdf9;box-shadow:0 9px 19px rgba(27,65,81,.085)}
.training-5e-page .targeted-grid .chapter-activity .activity-number{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;border-radius:12px;background:#e4f3e9;color:#28784a;font-size:1.02rem;font-weight:900}
.training-5e-page .targeted-grid .chapter-activity .activity-name{min-width:0;flex:1;font-size:.99rem;font-weight:850;line-height:1.26}
.training-5e-page .targeted-grid .chapter-activity .activity-name{display:block;flex:1 1 auto;width:auto;min-height:0;height:auto;padding:0;margin:0;background:transparent;border:0;border-radius:0;text-align:left;color:#173b69;font-size:.99rem;font-weight:850;line-height:1.35}
.training-5e-page .targeted-grid .chapter-activity .activity-arrow{display:inline;flex:0 0 auto;width:auto;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:0;border-radius:0;font-size:1.25rem;color:#528b69;opacity:.9}
.training-5e-page .chapter-rule{margin:14px 3px 0;color:#677c8a;font-size:.85rem;line-height:1.55}
.training-5e-page .chapter-rule span{color:#26834b;font-weight:900}
.training-5e-page .exercise-chapter-label{
  margin:3px 0 12px;
  color:#496b61;
  font-size:.88rem;
  font-weight:650;
  line-height:1.4;
}
.training-5e-page .exercise-chapter-label strong{color:#215f41;font-weight:850}
/* L'exercice utilise toujours les mêmes conteneurs et événements JS. */
.training-5e-page .five-exercise-card{padding:clamp(14px,2.6vw,26px);border-top:4px solid #2e8853}
.training-5e-page .five-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.training-5e-page .five-step-head h1{margin:3px 0 8px;color:#173b69;font-size:clamp(1.5rem,3.2vw,2rem)}
.training-5e-page .five-step-number{display:grid;place-items:center;min-width:43px;height:43px;border-radius:12px;background:#e6f4eb;color:#257448;font-weight:900}
.training-5e-page .five-prompt{font-size:1.05rem;line-height:1.6;color:#294b5e;margin:.6rem 0 1rem}
.training-5e-page .five-answer-area{max-width:820px;margin:0 auto;padding:clamp(14px,2vw,20px);border:1px solid #dce7e6;border-radius:18px;background:#fbfefd}
.training-5e-page .five-visual{margin:.45rem 0 1rem;padding:.9rem;border-radius:13px;background:#f0f6f5;color:#25495a;font-size:1.08rem;line-height:1.6;overflow-x:auto}
.training-5e-page .five-qcm{display:grid;gap:.7rem;margin:.8rem 0}
.training-5e-page .five-qcm label{display:flex;align-items:flex-start;gap:.7rem;min-height:48px;padding:.8rem;border:1px solid #d5e5df;border-radius:12px;background:#fff;color:#25485d;font-weight:700;cursor:pointer}
.training-5e-page .five-qcm label:hover{background:#f2f9f5;border-color:#9acaab}
.training-5e-page .five-qcm input{flex-shrink:0;min-height:0;margin-top:.15rem;accent-color:#2c814c}
.training-5e-page .five-input{display:grid;gap:.4rem;max-width:320px;margin:.9rem 0;font-weight:800;color:#3c5b6a}
.training-5e-page .five-input input{font-size:1.05rem}
.training-5e-page .five-multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:.9rem 0}
.training-5e-page .five-multi label{display:grid;gap:5px;font-weight:800;color:#3c5b6a}
.training-5e-page .five-multi input{text-align:center;font-size:1.05rem}
.training-5e-page .five-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:1rem}
.training-5e-page .five-help{display:flex;gap:8px;flex-wrap:wrap}
.training-5e-page .five-help button,.training-5e-page .five-submit{min-height:47px;border-radius:12px;padding:.68rem .93rem;font-weight:850;cursor:pointer}
.training-5e-page .five-help button{border:1px solid #d1e0da;background:#fff;color:#31566b}
.training-5e-page .five-submit{border:0;background:#287e4b;color:#fff;min-width:108px}
.training-5e-page .five-feedback{margin-top:.8rem;padding:.75rem .9rem;border-radius:12px;line-height:1.45}
.training-5e-page .five-feedback.ok{background:#e5f5eb;color:#246447}
.training-5e-page .five-feedback.no{background:#faeaea;color:#8a4141}
.training-5e-page .math{font-family:Cambria,"Times New Roman",serif;font-size:1.08em}
.training-5e-page .frac{display:inline-grid;grid-template-rows:auto auto;vertical-align:middle;text-align:center;line-height:1.05;margin:0 .1em}
.training-5e-page .frac .top{padding:0 .16em .08em;border-bottom:1.6px solid currentColor}
.training-5e-page .frac .bottom{padding:.08em .16em 0}
.training-5e-page .math-var{font-family:"Segoe Print","Comic Sans MS",cursive;font-style:italic;font-weight:700}
.training-5e-page .number-line{position:relative;height:74px;margin:.6rem 0;background:linear-gradient(#0000 35px,#315b70 35px,#315b70 38px,#0000 38px)}
.training-5e-page .number-line .tick{position:absolute;top:29px;width:2px;height:17px;background:#315b70}
.training-5e-page .number-line .tick span{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:.78rem;white-space:nowrap}
.training-5e-page .number-line .point{position:absolute;top:28px;width:14px;height:14px;border-radius:50%;background:#20816d;transform:translateX(-6px)}
.training-5e-page button:focus-visible{outline:3px solid #cb9a39;outline-offset:3px}
@media(max-width:720px){
  .training-5e-page .chapter-intro-deco{display:none}
  .training-5e-page .targeted-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .training-5e-page .training-shell{width:calc(100% - 24px);padding:15px 0 34px}
  .training-5e-page .training-breadcrumb{font-size:.8rem;margin-bottom:12px}
  .training-5e-page .chapter-intro{padding:20px 18px;border-radius:21px}
  .training-5e-page .chapter-intro h1{font-size:clamp(1.9rem,8.5vw,2.55rem)}
  .training-5e-page .chapter-description{font-size:.92rem;line-height:1.46}
  .training-5e-page .chapter-choice{margin-top:12px}
  .training-5e-page .start-main{min-height:80px;padding:12px 13px;gap:11px;border-radius:16px}
  .training-5e-page .start-main .start-icon{width:42px;height:42px}
  .training-5e-page .start-main strong{font-size:1.08rem}
  .training-5e-page .start-main small{font-size:.8rem}
  .training-5e-page .targeted-wrap{margin-top:23px}
  .training-5e-page .targeted-heading h2{font-size:1.21rem}
  .training-5e-page .targeted-heading p{font-size:.83rem}
  .training-5e-page .chapter-count{font-size:.73rem}
  .training-5e-page .targeted-grid{gap:9px}
  .training-5e-page .targeted-grid .chapter-activity{min-height:68px;padding:10px 12px;gap:10px;border-radius:15px}
  .training-5e-page .targeted-grid .chapter-activity .activity-number{width:37px;height:37px;flex-basis:37px}
  .training-5e-page .targeted-grid .chapter-activity .activity-name{font-size:.93rem}
  .training-5e-page .five-step-head{flex-direction:column-reverse}
  .training-5e-page .five-actions{flex-direction:column-reverse;align-items:stretch}
  .training-5e-page .five-submit{width:100%}
  .training-5e-page .five-help{display:grid;grid-template-columns:1fr 1fr}
  .training-5e-page .five-help button{font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){.training-5e-page .start-main,.training-5e-page .targeted-grid .chapter-activity{transition:none}}