/* Effea Outils - Calculateur de protéines
   Scopé sous .effea-prot. Polices système (RGPD-safe). */

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

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

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

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

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

.effea-prot .ep-seg{display:flex;gap:6px;flex-wrap:wrap}
.effea-prot .ep-seg button{
  flex:1;min-width:88px;padding:11px 8px;border:1.5px solid var(--ep-trait);background:#fff;border-radius:11px;
  font-family:inherit;font-size:13px;font-weight:500;color:var(--ep-olive-doux);cursor:pointer;transition:all .15s;
}
.effea-prot .ep-seg button:hover{border-color:var(--ep-sauge)}
.effea-prot .ep-seg button[aria-pressed="true"]{background:var(--ep-sauge);border-color:var(--ep-sauge);color:#fff}
.effea-prot .ep-seg button:focus-visible{outline:2px solid var(--ep-sauge);outline-offset:2px}

.effea-prot .ep-res-label{font-size:13px;font-weight:600;color:var(--ep-olive-doux);margin-bottom:4px}
.effea-prot .ep-big{font-family:var(--ep-serif);font-weight:600;font-size:clamp(42px,8vw,56px);color:var(--ep-miel);line-height:1;letter-spacing:-.02em}
.effea-prot .ep-big small{font-size:17px;font-weight:500;color:var(--ep-olive-doux);margin-left:6px;font-family:var(--ep-sans)}
.effea-prot .ep-sub{font-size:14px;color:var(--ep-olive-doux);margin-top:8px;min-height:1.2em}

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

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

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

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