/* Composant partagé « Comment ça se passe » (étapes numérotées + panneau de progression).
   Même principe que /auteurs/passeport-editorial/ (.pe4-*). À réutiliser sur toute page présentant un déroulé. Script : nm-steps.js */
.nms{--nms-ink:var(--ink,#111);--nms-green:var(--green,#02D098);--nms-line:var(--ac-line,#e1ded3);--nms-cream:var(--cream,#f6f6ee)}
.nms-proc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,88px);align-items:start;margin-top:10px}
.nms-steps{list-style:none;margin:0;padding:0}
.nms-steps li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:24px;position:relative;padding-bottom:44px}
.nms-steps li:last-child{padding-bottom:0}
.nms-steps li:not(:last-child)::before{content:"";position:absolute;left:29px;top:62px;bottom:2px;width:2px;background:var(--nms-line)}
.nms-sn{width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid var(--nms-ink);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;transition:background .2s,border-color .2s}
.nms-steps li.is-cur .nms-sn,.nms-steps li.is-done .nms-sn{background:var(--nms-green);border-color:var(--nms-green)}
.nms-steps h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.015em;margin:8px 0 8px}
.nms-steps p{font-size:17px;line-height:1.55;color:#2b2f35;margin:0 0 12px;max-width:30em}
.nms-res{display:inline-flex;align-items:center;gap:10px;background:#dff7ee;color:#064d38;font-size:14.5px;font-weight:700;padding:7px 14px 7px 9px;border-radius:99px}
.nms-res svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--nms-green);color:var(--nms-ink);flex:none}
.nms-side{position:sticky;top:110px}
.nms-prog{background:var(--nms-cream);border:1px solid var(--nms-line);border-radius:24px;padding:clamp(24px,3vw,36px)}
.nms-prog-t{display:block;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3e45;margin-bottom:10px}
.nms-prog ul{list-style:none;margin:0;padding:0}
.nms-prog li{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--nms-line);font-size:18px;font-weight:700;color:#6d727a;transition:color .2s}
.nms-prog li:last-child{border-bottom:0}
.nms-prog li i{width:26px;height:26px;border-radius:50%;border:2px solid #cfcabb;background:#fff;position:relative}
.nms-prog li em{font-style:normal;font-size:14px;font-weight:700;padding:5px 12px;border-radius:99px;background:#ece9dd;color:#3a3e45}
.nms-prog li.is-doing{color:var(--nms-ink)}
.nms-prog li.is-doing i{border-color:var(--nms-green);box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 13px var(--nms-green)}
.nms-prog li.is-doing em{background:var(--nms-ink);color:#fff}
.nms-prog li.is-done{color:var(--nms-ink)}
.nms-prog li.is-done i{background:var(--nms-green);border-color:var(--nms-green)}
.nms-prog li.is-done i::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--nms-ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.nms-prog li.is-done em{background:#dff7ee;color:#064d38}
.nms-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}
.nms-trust p{margin:0;background:#f1efe6;border:1px solid var(--nms-line);border-radius:16px;padding:18px 22px;font-size:15.5px;line-height:1.5}
@media (max-width:959px){.nms-proc,.nms-trust{grid-template-columns:1fr}.nms-side{position:static}}
@media (max-width:560px){.nms-steps li{grid-template-columns:48px minmax(0,1fr);gap:16px}.nms-sn{width:48px;height:48px;font-size:16px}.nms-steps li:not(:last-child)::before{left:23px;top:50px}.nms-prog li{font-size:17px}}
@media (prefers-reduced-motion:reduce){.nms-sn,.nms-prog li{transition:none}}