/* Serious game — style cohérent avec la version V21.2 du site. */
.sg-pagehead {background:#dcf8e9;border-bottom:1.5px solid #242424}
.sg-pagehead h1{max-width:890px}
.sg-subtitle{max-width:780px}
.sg-main{background:#fcfaf7;padding-top:62px;padding-bottom:70px}
.sg-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 24px}
.sg-header h2{margin-bottom:12px}
.sg-chapter{background:#111;color:#fff;padding:8px 12px;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.sg-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(245px,.75fr);gap:24px;align-items:start}
.sg-game,.sg-dash{background:#fff;border:1.5px solid #292929;border-radius:5px;box-shadow:7px 7px 0 #e1eee7}
.sg-game{min-height:480px;overflow:hidden}
.sg-stage-head{padding:18px 26px;background:#edf7fc;border-bottom:1px solid #242424;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.025em}
.sg-progress{width:100%;height:7px;display:block;background:#dce9e3;appearance:none;border:0}
.sg-progress::-webkit-progress-bar{background:#dce9e3}.sg-progress::-webkit-progress-value{background:#087f50}.sg-progress::-moz-progress-bar{background:#087f50}
.sg-pad{padding:30px}
.sg-scene-label{color:#087f50;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.1em;margin-bottom:12px}
.sg-scene-title{font-size:clamp(1.65rem,2.5vw,2.3rem);line-height:1.18;margin:0 0 19px}
.sg-story{font-size:16px;max-width:62ch;color:#303030}
.sg-stakes{margin:18px 0 24px;padding:15px 17px;background:#edf7fc;border-left:4px solid #74cbf3;font-size:15px}
.sg-options{display:grid;gap:12px;margin-top:19px}
.sg-option{appearance:none;width:100%;text-align:left;background:#fff;border:1.5px solid #a0aaa4;border-radius:4px;padding:17px 18px;color:#111;cursor:pointer;font:inherit;transition:background .14s,border-color .14s}
.sg-option:hover{border-color:#087f50;background:#effaf3}.sg-option:focus-visible,.sg-btn:focus-visible{outline:3px solid #74cbf3;outline-offset:3px}
.sg-option-title{display:block;font-size:16px;font-weight:800;line-height:1.35}.sg-option-desc{display:block;font-size:14px;color:#424242;margin-top:6px;line-height:1.45}.sg-cost{display:block;font-size:12px;color:#087f50;font-weight:800;letter-spacing:.04em;margin-top:9px}
.sg-option:disabled{opacity:.57;cursor:default}.sg-option.sg-selected{background:#e5f8eb;border:2px solid #087f50;opacity:1}.sg-option:disabled:not(.sg-selected){filter:grayscale(.25)}
.sg-reveal{margin:24px 0 0;padding:22px;background:#e9f9ee;border:1px solid #8ab9a0;border-radius:4px}
.sg-reveal h3{margin:0 0 10px}.sg-reveal p{margin-bottom:12px;font-size:15px}.sg-reveal p:last-child{margin-bottom:0}
.sg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 0}.sg-btn{border:1.5px solid #111;background:#111;color:#fff;padding:12px 18px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;border-radius:3px}.sg-btn:hover{background:#2a2a2a}.sg-btn-light{background:#fff;color:#111}.sg-btn-light:hover{background:#edf7fc}.sg-message{font-size:13px;color:#087f50}
.sg-dash{padding:25px;position:sticky;top:20px}
.sg-dash h3{font-size:1.14rem;margin-bottom:18px}
.sg-meter{margin:0 0 23px}.sg-meter:last-of-type{margin-bottom:0}.sg-label{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:13px;color:#424242;margin-bottom:9px}.sg-label strong{font-size:20px;color:#111;white-space:nowrap}.sg-rail{height:8px;background:#e5e7e5;overflow:hidden}.sg-fill{height:100%;width:0;background:#087f50;transition:width .2s}.sg-fill.blue{background:#3195bc}.sg-fill.orange{background:#e39373}.sg-budget{border-top:1px solid #d1ddd5;padding-top:16px;margin:20px 0 0;font-size:13px}.sg-budget strong{font-size:22px;display:block;margin:4px 0}.sg-budget.sg-over strong{color:#a34228}.sg-dash-tip{background:#f0f7fc;border-left:4px solid #74cbf3;padding:13px 14px;margin-top:21px;font-size:13px;line-height:1.5}.sg-dash-tip p{margin:0}.sg-dash-footer{font-size:12px;color:#535353;margin:16px 0 0}
.sg-finish{padding:30px}.sg-finish h2{font-size:clamp(1.7rem,3vw,2.5rem)}.sg-result-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#087f50}.sg-finalbox{background:#edf7fc;padding:20px;border-left:5px solid #74cbf3;margin:15px 0 26px}.sg-finalbox p:last-child{margin-bottom:0}
.sg-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:24px 0}.sg-final-stat{background:#f5f8f6;padding:15px;border:1px solid #d7dfd8}.sg-final-stat span{display:block;font-size:12px;color:#444}.sg-final-stat strong{display:block;font-size:24px;letter-spacing:-.035em;margin-top:5px}.sg-recap{padding-left:21px}.sg-recap li{padding-left:5px;margin-bottom:12px;font-size:15px}.sg-recap strong{display:block}.sg-lessons{padding:17px 20px;background:#fff7f4;border:1px solid #edc7bb;margin:20px 0}.sg-lessons li{margin-bottom:7px;font-size:15px}.sg-lessons li:last-child{margin-bottom:0}
.sg-after{background:#edf7fc}.sg-after .panel{background:#fff;max-width:100%}.sg-after .duo{align-items:start}.sg-after .checks{margin-top:0}.sg-after .checks li{margin-bottom:12px}
.sg-no-script{padding:25px}.sg-attribution{font-size:13px;max-width:900px;margin:28px 0 0;color:#444}
@media(max-width:880px){.sg-layout{grid-template-columns:1fr}.sg-dash{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sg-dash h3,.sg-dash-tip,.sg-dash-footer{grid-column:1/-1}.sg-dash .sg-meter{margin-bottom:0}.sg-budget{padding-top:0;border-top:0;margin:0}.sg-dash-tip{margin-top:0}.sg-dash-footer{margin-top:0}}
@media(max-width:600px){.sg-header{display:block}.sg-chapter{display:inline-block;margin-bottom:14px}.sg-main{padding-top:38px}.sg-pad,.sg-finish{padding:20px}.sg-stage-head{padding:15px 20px}.sg-dash{grid-template-columns:1fr 1fr}.sg-dash .sg-meter:last-of-type{grid-column:1/-1}.sg-final-grid{grid-template-columns:1fr}.sg-dash{padding:19px}.sg-option{padding:14px}}
@media(prefers-reduced-motion:reduce){.sg-option,.sg-fill{transition:none}}
@media print{header,.sg-pagehead,.sg-main>.wrap>.sg-header,.sg-dash,.sg-after,.banner,.foot,.sg-progress,.sg-stage-head,.sg-options,.sg-meta{display:none!important}.sg-layout{display:block}.sg-game{box-shadow:none;border:0}.sg-finish{padding:0}}
/* Le titre est ciblé programmatiquement après chaque décision : ne pas dessiner
   le cadre de focus natif autour d'un en-tête non interactif. */
.sg-scene-title:focus,.sg-finish h2:focus{outline:none}
.sg-game,.sg-dash{min-width:0}
@media(max-width:880px){.sg-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.sg-dash{grid-template-columns:minmax(0,1fr)}.sg-dash .sg-meter:last-of-type{grid-column:auto}}