/* Page M-Suite : sections ajoutées (ce que les modules partagent, par où commencer). Le poulpe et le parcours ne sont pas touchés. */
.ms2{padding:clamp(80px,9vw,120px) var(--pad,24px)}
.ms2 h2{margin:0;font-size:clamp(36px,4.6vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:500}
.ms2-k{display:block;margin-bottom:16px;font-size:12px;font-weight:600;letter-spacing:.03em}
.ms2-head{margin-bottom:56px}

/* Ce que les modules partagent */
.ms2-shared{background:#2f4a37;color:#efe9dc}
.ms2-shared .ms2-k{color:#ffb4a3}
.ms2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.ms2-grid>div{padding-top:20px;border-top:1px solid #efe9dc4d}
.ms2-grid b{display:block;margin-bottom:12px;font-size:12px;font-weight:600;color:#ffb4a3}
.ms2-grid strong{display:block;margin-bottom:8px;font-size:20px;letter-spacing:-.02em;font-weight:600}
.ms2-grid p{margin:0;font-size:15px;line-height:1.6;color:#bfd0c2}
.ms2-relays{margin-top:64px;padding:26px 28px;border-radius:18px;background:#1a2a20}
.ms2-relays ul{list-style:none;margin:0;padding:0}
.ms2-relays li{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:center;padding:14px 0;border-top:1px solid #efe9dc1f;font-size:16px;color:#dfe8dd}
.ms2-pair{display:flex;align-items:center;gap:10px}
.ms2-pair i{padding:6px 12px;border-radius:999px;border:1px solid #efe9dc4d;font-style:normal;font-size:13px;font-weight:600;color:#efe9dc}
.ms2-pair em{font-style:normal;color:#ff6a4d}
.ms2-relays small{display:block;margin-top:12px;font-size:12px;color:#a6b8aa}

/* Par où commencer */
.ms2-start{background:#e4dccb;color:#1f3327}
.ms2-start .ms2-k{color:#a92b16}
.ms2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.ms2-steps li{padding-top:20px;border-top:2px solid #1f3327}
.ms2-steps b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:14px;border-radius:50%;background:#2f4a37;color:#fff;font-size:12px;font-weight:600}
.ms2-steps strong{display:block;margin-bottom:8px;font-size:22px;letter-spacing:-.02em;font-weight:600}
.ms2-steps p{margin:0;font-size:16px;line-height:1.55;color:#4f5b52}
.ms2-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px}
.ms2-status>div{padding:22px 24px;border-radius:16px;background:#faf6ee}
.ms2-status span{display:block;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#4f5b52}
.ms2-status p{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ms2-status i{padding:7px 14px;border-radius:999px;border:1px solid #1f332759;font-style:normal;font-size:14px;font-weight:600;color:#1f3327}
.ms2-status p.on i{background:#2f4a37;border-color:#2f4a37;color:#fff}
.ms2-op{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:22px 26px;border-radius:16px;background:#1a2a20;color:#efe9dc}
.ms2-op p{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.ms2-op a{padding:10px 18px;border-radius:999px;background:#efe9dc;color:#1a2a20;font-size:14px;font-weight:600;text-decoration:none}

@media (max-width:980px){
  .ms2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms2-relays li{grid-template-columns:1fr;gap:8px}
}
@media (max-width:640px){
  .ms2-grid,.ms2-steps,.ms2-status{grid-template-columns:1fr}
  .ms2-relays{padding:20px 18px}
}