/* Effea Outils - Calculateur d'IMC
   Scopé sous .effea-imc. Polices système (RGPD-safe). */

.effea-imc{
  --ei-creme:#F4F1E8; --ei-carte:#FBFAF5; --ei-sauge:#8A9A7B; --ei-sauge-clair:#DDE3D2;
  --ei-olive:#3D4A38; --ei-olive-doux:#5C6B54; --ei-miel:#B8863B; --ei-alerte:#BC5B45;
  --ei-trait:#E4E0D2;
  --ei-maig:#C9B87E; --ei-norm:#8A9A7B; --ei-surp:#D9A34E; --ei-obes:#BC5B45;
  --ei-serif:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,serif;
  --ei-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--ei-sans);color:var(--ei-olive);line-height:1.55;background:var(--ei-creme);
  border-radius:22px;padding:26px;max-width:880px;margin:24px auto;-webkit-font-smoothing:antialiased;box-sizing:border-box;
}
.effea-imc *{box-sizing:border-box}

.effea-imc .ei-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ei-sauge);font-weight:600;margin:0 0 10px}
.effea-imc .ei-title{font-family:var(--ei-serif);font-weight:600;font-size:clamp(24px,4.5vw,36px);line-height:1.12;color:var(--ei-olive);letter-spacing:-.01em;margin:0}
.effea-imc .ei-intro{margin:12px 0 0;max-width:60ch;color:var(--ei-olive-doux);font-size:15px}

.effea-imc .ei-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
@media(max-width:720px){.effea-imc .ei-grid{grid-template-columns:1fr}}

.effea-imc .ei-card{background:var(--ei-carte);border:1px solid var(--ei-trait);border-radius:16px;padding:22px}
.effea-imc .ei-card-title{font-family:var(--ei-serif);font-weight:600;font-size:18px;margin:0 0 18px;color:var(--ei-olive)}

.effea-imc .ei-field{margin-bottom:18px}
.effea-imc .ei-field-last{margin-bottom:0}
.effea-imc .ei-label{display:block;font-size:13px;font-weight:600;color:var(--ei-olive-doux);margin-bottom:7px}
.effea-imc input[type=number]{
  width:100%;padding:12px 14px;border:1.5px solid var(--ei-trait);border-radius:11px;
  font-family:inherit;font-size:16px;color:var(--ei-olive);background:#fff;transition:border-color .15s,box-shadow .15s;
}
.effea-imc input[type=number]:focus{outline:none;border-color:var(--ei-sauge);box-shadow:0 0 0 3px rgba(138,154,123,.18)}

.effea-imc .ei-res-label{font-size:13px;font-weight:600;color:var(--ei-olive-doux);margin-bottom:4px}
.effea-imc .ei-big{font-family:var(--ei-serif);font-weight:600;font-size:clamp(42px,8vw,56px);color:var(--ei-miel);line-height:1;letter-spacing:-.02em}
.effea-imc .ei-big small{font-size:16px;font-weight:500;color:var(--ei-olive-doux);margin-left:6px;font-family:var(--ei-sans)}
.effea-imc .ei-cat{margin-top:10px;font-size:16px;font-weight:600;color:var(--ei-olive)}

.effea-imc .ei-scale{margin-top:20px}
.effea-imc .ei-bar{position:relative;display:flex;height:16px;border-radius:8px;overflow:hidden}
.effea-imc .ei-bar>span{display:block;height:100%}
.effea-imc .ei-seg-maig{flex:0 0 14%;background:var(--ei-maig)}
.effea-imc .ei-seg-norm{flex:0 0 26%;background:var(--ei-norm)}
.effea-imc .ei-seg-surp{flex:0 0 20%;background:var(--ei-surp)}
.effea-imc .ei-seg-obes{flex:1;background:var(--ei-obes)}
.effea-imc .ei-cursor{position:absolute;top:-5px;bottom:-5px;width:3px;background:var(--ei-olive);border-radius:3px;left:40%;transition:left .25s ease;box-shadow:0 0 0 2px var(--ei-carte)}
.effea-imc .ei-scale-legend{display:flex;justify-content:space-between;font-size:11px;color:var(--ei-olive-doux);margin-top:8px;padding:0 12%}

.effea-imc .ei-rows{margin-top:20px;border-top:1px solid var(--ei-trait)}
.effea-imc .ei-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ei-trait);font-size:14px}
.effea-imc .ei-row span{color:var(--ei-olive-doux)}
.effea-imc .ei-row b{font-weight:600;color:var(--ei-olive);font-variant-numeric:tabular-nums;white-space:nowrap}

.effea-imc .ei-note{margin-top:18px;padding:14px 16px;border-radius:12px;font-size:13.5px;line-height:1.5}
.effea-imc .ei-note-safe{background:#EEF2E6;color:var(--ei-olive);border:1px solid var(--ei-sauge-clair)}
.effea-imc .ei-note-warn{background:#F7E9E4;color:#7d3320;border:1px solid #E7C6BA}
.effea-imc .ei-note b{font-weight:600}

.effea-imc .ei-disclaimer{margin-top:16px;font-size:12.5px;color:var(--ei-olive-doux);line-height:1.5}
.effea-imc .ei-formula{margin-top:22px;text-align:center;font-size:11.5px;color:var(--ei-sauge)}

@media(prefers-reduced-motion:reduce){.effea-imc *{transition:none !important}}
