/* EV International — pages « Méthode » (FR / ES / EN)
   Styles isolés sous .mx pour ne pas entrer en conflit avec styles.css */
.mx{
  --mx-bg:#F4EFE9; --mx-card:#FCFAF6; --mx-ink:#163A40; --mx-muted:#55686A; --mx-line:#E2DAD0;
  --mx-accent:#C4471F; --mx-band:#163A40; --mx-band-ink:#F4EFE9; --mx-band-muted:#B9C9C9;
  --mx-display:"Instrument Serif", "Times New Roman", Georgia, serif;
  --mx-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  background:var(--mx-bg); color:var(--mx-ink); font-family:var(--mx-body); font-size:16px; line-height:1.6;
}
.mx *{box-sizing:border-box}
.mx p{margin:0}
.mx-wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.mx section,.mx header{padding-block:72px}
.mx-eyebrow{display:flex;align-items:center;gap:16px;color:var(--mx-accent);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.mx-eyebrow::before{content:"";width:36px;height:1px;background:currentColor;opacity:.6}
.mx h1,.mx h2{font-family:var(--mx-display);font-weight:400;letter-spacing:-.01em;line-height:1.02;margin:0;color:var(--mx-ink);text-wrap:balance}
.mx h1{font-size:clamp(44px,7vw,84px)}
.mx h2{font-size:clamp(34px,4.6vw,56px)}
.mx h1 em,.mx h2 em{color:var(--mx-accent);font-style:italic}
.mx h3{font-family:var(--mx-body);font-size:18px;font-weight:600;line-height:1.3;margin:0;color:var(--mx-ink)}
.mx-lead{font-size:clamp(17px,1.6vw,19px);color:var(--mx-muted);max-width:62ch}

/* Hero */
.mx header.mx-hero{padding-block:80px 48px}
.mx-hero .mx-lead{margin-top:28px}
.mx-pillars{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:36px;padding-top:24px;border-top:1px solid var(--mx-line);font-size:15px;color:var(--mx-muted)}
.mx-pillars b{color:var(--mx-ink);font-weight:600}

/* Étapes */
.mx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.mx-step{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.mx-n{font-family:var(--mx-display);font-size:40px;line-height:1;color:var(--mx-accent)}
.mx-step p{font-size:15px;color:var(--mx-muted)}
.mx-step .mx-es{font-style:italic;font-size:14px;color:var(--mx-ink);opacity:.8}

/* Hofstede */
.mx-hof-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:end}
.mx-hof-head .mx-lead{font-size:16px}
.mx-dims{margin-top:40px;border-top:1px solid var(--mx-ink)}
.mx-dim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px;padding-block:26px;border-bottom:1px solid var(--mx-line);align-items:center}
.mx-dim h3{font-size:17px}
.mx-tag{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mx-accent)}
.mx-trend{display:inline-block;margin-top:12px;font-size:13px;font-weight:500;color:var(--mx-ink);background:var(--mx-card);border:1px solid var(--mx-line);border-radius:999px;padding:4px 12px}
.mx-so{font-size:15px;color:var(--mx-ink)}
.mx-so b{font-weight:600}
.mx-so-list{display:grid;gap:10px}
.mx-so-list p{font-size:15px}
.mx-k{font-weight:600;color:var(--mx-accent);margin-right:6px}
.mx-source{margin-top:20px;font-size:13px;color:var(--mx-muted)}
.mx-source a{color:var(--mx-muted);text-decoration:underline}

/* Habitudes */
.mx-habits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.mx-habit{border-top:2px solid var(--mx-accent);padding-top:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.mx-habit p{font-size:15px;color:var(--mx-muted)}
.mx-habit p b{color:var(--mx-ink)}

/* Encart confianza */
.mx section.mx-band{background:var(--mx-band);color:var(--mx-band-ink);padding-block:80px}
.mx-band .mx-eyebrow{color:var(--mx-accent)}
.mx-conf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.mx-band h2{color:var(--mx-band-ink)}
.mx-def{margin-top:24px;font-family:var(--mx-display);font-size:24px;line-height:1.3;color:var(--mx-band-muted);max-width:30ch}
.mx-def i{color:var(--mx-band-ink)}
.mx-farmer{margin-top:28px;font-size:15px;color:var(--mx-band-ink);border-left:2px solid var(--mx-accent);padding-left:16px}
.mx-signs{margin:0}
.mx-sign{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:20px;padding-block:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.mx-sign:first-child{padding-top:0}
.mx-sign dt{font-family:var(--mx-display);font-style:italic;font-size:22px;line-height:1.2;color:#E57B55}
.mx-sign dt small{display:block;font-family:var(--mx-body);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--mx-band-muted);margin-bottom:4px}
.mx-sign dd{margin:0;font-size:15px;color:var(--mx-band-muted)}
.mx-sign dd b{color:var(--mx-band-ink);font-weight:600}

@media (max-width:900px){
  .mx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx-hof-head,.mx-conf{grid-template-columns:minmax(0,1fr);gap:28px}
  .mx-dim{grid-template-columns:minmax(0,1fr);gap:14px}
  .mx-habits{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .mx section,.mx header{padding-block:52px}
  .mx-steps{grid-template-columns:minmax(0,1fr)}
  .mx-sign{grid-template-columns:minmax(0,1fr);gap:6px}
}