/* ==========================================================================
   Maxelik, méthode détaillée en 11 étapes (classes mt-), commune aux pages filles du silo site internet
   Sommaire collant par phase + cartes d étape : pourquoi, actions, livrable, qui, rendez-vous physique
   ========================================================================== */
.mt-who{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.86rem;font-weight:700;color:var(--ink-2)}
.mt-who li{display:inline-flex;align-items:center;gap:8px}
.mt-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:900;white-space:nowrap}
.mt-chip.c{background:#e3f0ff;color:#0a4a91}
.mt-chip.p{background:var(--slate);color:#fff}
.mt-chip.v{background:#fff3dc;color:#7a4a05;box-shadow:inset 0 0 0 1px #f2d39a}
.mt-rdv{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:900;color:#1d7a3a}
.mt-rdv::before{content:"";width:10px;height:10px;border-radius:50%;background:#28a745;box-shadow:0 0 0 4px rgba(40,167,69,.18)}
.mt{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:start}
.mt-nav{position:sticky;top:calc(var(--head-bar) + 24px);max-height:calc(100vh - var(--head-bar) - 40px);overflow-y:auto;scrollbar-width:thin;display:grid;gap:10px;padding:16px 18px;border-radius:var(--r);background:var(--slate);color:#c8d3d9}
.mt-nav p{font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7fd8ff}
.mt-nav b{display:block;margin-top:2px;font-size:1rem;color:#fff}
.mt-nav ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px}
.mt-nav a{display:flex;gap:8px;padding:2px 0;font-size:.82rem;line-height:1.35;color:#c8d3d9;text-decoration:none}
.mt-nav a span{flex:none;width:22px;font-weight:900;color:#7fd8ff;font-variant-numeric:tabular-nums}
.mt-nav a:hover{color:#fff}
.mt-ph+.mt-ph{margin-top:28px}
.mt-ph-h{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #dbe7f3}
.mt-ph-h span{font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.mt-ph-h b{font-size:1.25rem;color:var(--slate)}
.mt-ph-h em{margin-left:auto;font-style:normal;font-size:.82rem;font-weight:900;padding:3px 10px;border-radius:999px;background:var(--grad);color:#fff}
.mt-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mt-st{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 22px 18px;border-radius:var(--r);background:#fff;box-shadow:0 24px 50px -44px rgba(10,40,80,.6);scroll-margin-top:calc(var(--head-bar) + 24px)}
.mt-n{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r);background:var(--grad);color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 12px 24px -12px rgba(0,131,255,.8)}
.mt-st h3{font-size:1.14rem}
.mt-why{margin-top:4px;font-size:.95rem;color:var(--ink-2)}
.mt-do{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.mt-do li{position:relative;padding-left:18px;font-size:.9rem;line-height:1.5;color:var(--slate)}
.mt-do li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.mt-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding-top:12px;border-top:1px solid #eef3f7}
.mt-liv{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r);background:#eaf4ff;font-size:.84rem;font-weight:800;color:#0a4a91}
.mt-liv b{font-weight:900}
.mt-qui{display:inline-flex;flex-wrap:wrap;gap:6px}
.mt-f .mt-rdv{margin-left:auto}
.mt-n2{margin-top:20px;font-size:.95rem;color:var(--ink-2)}
@media (max-width:1000px){.mt{grid-template-columns:1fr}.mt-nav{position:static;max-height:none}.mt-nav{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mt-nav{display:none}.mt-st{grid-template-columns:1fr;gap:10px}.mt-do{grid-template-columns:1fr}.mt-f .mt-rdv{margin-left:0}}
.mt-who+.mt{margin-top:26px}
.sec-head .mt-who{margin-top:10px}