/* Calculateur Bassin – patch présentation */
.calc-article{--ink:#0f172a;--muted:#6b7280;--line:#e5e7eb;--card:#fff;--brand:#2563eb;--brand2:#0ea5e9;--danger:#ef4444;--r:16px;--shadow:0 12px 34px rgba(2,6,23,.10)}
.calc-article .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(18px,2.5vw,28px);margin-bottom:clamp(14px,2vw,20px)}
.calc-article .header{display:flex;align-items:center;gap:clamp(12px,2vw,18px);margin-bottom:clamp(12px,2.2vw,18px)}
.calc-article .header .icon{flex:0 0 auto;font-size:clamp(34px,5.2vw,56px);line-height:1;filter:drop-shadow(0 8px 16px rgba(2,6,23,.10));translate:0 2px}
/* Pour masquer l’icône : */
/* .calc-article .header .icon{display:none!important} */
.calc-article h1{margin:0;font-weight:900;letter-spacing:.2px;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.12;color:var(--ink)}
.calc-article .subtitle{margin:.25rem 0 0;font-size:clamp(1.05rem,2.1vw,1.4rem);font-weight:800;color:var(--ink);letter-spacing:.1px}
.calc-article .info-box{background:#f8fbff;border:1px solid #d8e7ff;color:#0b3b8f;border-radius:12px;padding:clamp(12px,1.8vw,16px);font-size:clamp(.95rem,1.6vw,1rem);margin-bottom:clamp(14px,2vw,22px)}
.calc-article .info-box ul{list-style:none;margin:.5rem 0 0;padding-left:1rem}
.calc-article .info-box li{margin:.28rem 0}
.calc-article .form-group{margin-bottom:clamp(12px,2vw,16px)}
.calc-article .form-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,18px)}
@media (max-width:768px){.calc-article .form-row{grid-template-columns:1fr}}
.calc-article label{display:block;margin-bottom:.4rem;font-weight:700;font-size:clamp(.95rem,1.6vw,1rem);color:#1f2937}
.calc-article input{width:100%;padding:.8rem .95rem;border:2px solid #d1d5db;border-radius:12px;font:inherit;font-size:clamp(1rem,1.8vw,1.05rem);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .04s}
.calc-article input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.calc-article input.error{border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,68,68,.15)}
.calc-article .error-msg{color:var(--danger);font-size:.9rem;margin-top:.35rem}
.calc-article .button-group{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.5rem}
.calc-article button{flex:1;border:0;border-radius:12px;padding:.9rem 1.1rem;cursor:pointer;font-weight:800;font-size:clamp(1rem,1.7vw,1.05rem);transition:opacity .15s,transform .05s,box-shadow .2s}
.calc-article .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.25)}
.calc-article .btn-primary:hover{opacity:.95}
.calc-article .btn-secondary{background:#f1f5f9;color:#0b1320;border:2px solid #d1d5db}
.calc-article .btn-secondary:hover{opacity:.95}
.calc-article button:active{transform:translateY(1px)}
.calc-article .results{margin-top:clamp(14px,2.2vw,22px);animation:fadeIn .35s ease-out}
@keyframes fadeIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.calc-article .results .card{border:1px solid var(--line);background:#fbfcfe}
.calc-article .results-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.6rem}
.calc-article .results-header h2{margin:0;font-weight:900;letter-spacing:.2px;font-size:clamp(1.05rem,2vw,1.3rem);color:#0b1320}
.calc-article .badge{display:inline-flex;align-items:center;gap:.4rem;background:#e6f0ff;border:1px solid #cfe0ff;color:#06326b;padding:.38rem .7rem;border-radius:999px;font-weight:800;font-size:clamp(.9rem,1.6vw,.95rem)}
.calc-article .dosages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:.6rem 0}
@media (max-width:640px){.calc-article .dosages-grid{grid-template-columns:1fr}}
.calc-article .dosage-card{text-align:center;padding:clamp(.95rem,2vw,1.15rem);border-radius:14px;border:1px solid var(--line);background:#fff;min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:.35rem}
.calc-article .dosage-card.gh{background:#eff6ff}
.calc-article .dosage-card.kh{background:#ecfeff}
.calc-article .dosage-card.bactogen{background:#f0fdf4}
.calc-article .dosage-label{font-size:.95rem;color:var(--muted);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.calc-article .dosage-value{font-weight:900;font-size:clamp(1.25rem,2.8vw,1.7rem)}
.calc-article .dosage-value.gh{color:#2563eb}
.calc-article .dosage-value.kh{color:#0891b2}
.calc-article .dosage-value.bactogen{color:#16a34a}
.calc-article .alert{margin:.6rem 0;padding:.8rem .95rem;border-radius:12px;background:#fff7e6;border:1px dashed #ffd69a;color:#7a3f06;font-weight:800}
.calc-article .daily-plan{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:.8rem}
@media (max-width:640px){.calc-article .daily-plan{grid-template-columns:1fr}}
.calc-article .day-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem .95rem;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#1f2937}
.calc-article .day-doses{display:flex;gap:.9rem;font-size:.95rem}
.calc-article .dose-gh{color:#2563eb}.calc-article .dose-kh{color:#0891b2}.calc-article .dose-bactogen{color:#16a34a}
.calc-article .footer{text-align:center;color:var(--muted);font-size:.95rem;margin-top:.8rem}
.calc-article .hidden{display:none!important}