
/* CasaPratique Pro V21.1 — CasaSanté calculators */
.health-hero{background:radial-gradient(circle at 12% 15%,rgba(34,162,77,.10),transparent 28%),radial-gradient(circle at 88% 6%,rgba(177,202,234,.42),transparent 30%),linear-gradient(180deg,#f7fbff,#fff)}
.health-mark{width:150px;height:150px;border-radius:38px;display:grid;place-items:center;font-size:4.7rem;background:linear-gradient(145deg,#eff8f3,#edf5fc);border:1px solid #d9e8e2;box-shadow:0 20px 44px rgba(16,42,67,.10)}
.health-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);gap:24px;align-items:start}
.health-calc{padding:26px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.health-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.health-form .full{grid-column:1/-1}.health-form label{display:block;margin-bottom:7px;color:#29485f;font-weight:800}.health-form input,.health-form select{width:100%;min-height:50px;padding:10px 12px;border:1px solid #cfdce6;border-radius:13px;background:#fff;color:#163650}.health-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.health-result{margin-top:20px;padding:22px;border-radius:20px;background:linear-gradient(145deg,#102a43,#174f7d);color:#fff;min-height:140px}.health-result[hidden]{display:none}.health-result small{display:block;color:#cfe0ec}.health-result strong{display:block;margin:5px 0;font-size:clamp(2rem,6vw,3.7rem);line-height:1;color:#fff}.health-result p{margin:8px 0 0;color:#e0edf5}.health-result .health-substats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.health-result .health-substats span{padding:10px;border-radius:13px;background:rgba(255,255,255,.10);font-size:.84rem}
.health-side{display:grid;gap:15px;position:sticky;top:96px}.health-side .panel{padding:20px}.health-source{font-size:.88rem;color:var(--muted)}.health-source a{color:#166b91;font-weight:800}.health-note{padding:14px 16px;border-radius:15px;background:#fff8e8;border:1px solid #ecd799;color:#6d5523}
.health-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.health-related a{padding:17px;border:1px solid var(--border);border-radius:17px;background:#fff;transition:.2s ease}.health-related a:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.health-related b{display:block;color:var(--casa-navy);margin-bottom:4px}.health-related small{color:var(--muted)}
.health-faq{display:grid;gap:10px}.health-faq details{border:1px solid var(--border);border-radius:14px;background:#fff;padding:13px 15px}.health-faq summary{cursor:pointer;font-weight:800;color:var(--casa-navy)}.health-faq p{margin:10px 0 0;color:var(--muted)}
.health-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.health-hub-card{padding:22px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(16,42,67,.05);transition:.2s ease}.health-hub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.health-hub-card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eef6f1;font-size:1.45rem;margin-bottom:14px}.health-hub-card h2,.health-hub-card h3{margin:0 0 7px;color:var(--casa-navy)}.health-hub-card p{margin:0 0 13px;color:var(--muted)}
@media(max-width:900px){.health-grid{grid-template-columns:1fr}.health-side{position:static}.health-hub-grid,.health-related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.health-form,.health-hub-grid,.health-related{grid-template-columns:1fr}.health-mark{width:112px;height:112px;border-radius:29px;font-size:3.4rem}.health-calc{padding:18px}.health-result .health-substats{grid-template-columns:1fr}}

/* CasaPratique Pro V21.1.1 — CasaSanté scientific/pro layer */
.health-hero-pro{position:relative;overflow:hidden}
.health-hero-pro::after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:rgba(34,162,77,.06);pointer-events:none}
.health-grid-pro{grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr)}
.health-calc-pro{position:relative;overflow:hidden}
.health-calc-pro::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#c92f2a,#1f8b4c,#2b6fa3)}
.health-calc .section-mini-head p{max-width:760px;color:var(--muted);margin-top:7px}
.health-form input,.health-form select{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.health-form input:focus,.health-form select:focus{outline:none;border-color:#7fa8d8;box-shadow:0 0 0 4px rgba(127,168,216,.16)}
.health-result-pro{box-shadow:0 18px 38px rgba(16,42,67,.16)}
.calculator-privacy{margin-top:14px;padding:12px 14px;border:1px solid #dbe7f1;border-radius:14px;background:#f7fafc;color:#5f7384;font-size:.86rem}
.health-method-section{padding-top:10px}
.health-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-bottom:18px}
.science-card{padding:22px;border:1px solid #dce7ef;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(16,42,67,.045)}
.science-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.science-card-head h3{margin:2px 0 0;color:var(--casa-navy)}
.science-card-head small{color:#5f7487;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}
.science-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#edf5fb,#eef9f1);font-size:1.25rem;flex:0 0 auto}
.formula-box{direction:ltr;text-align:center;padding:16px 14px;border:1px solid #dbe7f1;border-radius:15px;background:#f7fafc;margin-bottom:14px;overflow:auto}
.formula-box code{font-family:Consolas,"Courier New",monospace;color:#123b5d;font-size:clamp(.94rem,2.2vw,1.08rem);font-weight:800;white-space:nowrap}
.formula-card p{color:#526b80;line-height:1.8}
.method-note{margin-top:13px;padding:13px 14px;border-inline-start:4px solid #1f8b4c;border-radius:12px;background:#f0f8f3;color:#3d5f4a;line-height:1.75}
.reference-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.reference-list li{padding:12px 13px;border:1px solid #e4edf3;border-radius:14px;background:#fbfdff}
.reference-list b,.reference-list span,.reference-list a{display:block}
.reference-list b{color:#173b5c;margin-bottom:4px}
.reference-list span{font-size:.84rem;line-height:1.55;color:#647b8d}
.reference-list a{margin-top:7px;color:#176b92;font-weight:800;font-size:.82rem}
.health-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.health-step{position:relative;padding:18px;border:1px solid #dfe9f1;border-radius:18px;background:#fff;min-height:150px}
.health-step>span{display:inline-grid;place-items:center;min-width:36px;height:30px;padding:0 8px;border-radius:10px;background:#102a43;color:#fff;font-weight:900;font-size:.78rem}
.health-step h3{margin:13px 0 7px;color:var(--casa-navy)}
.health-step p{margin:0;color:var(--muted);line-height:1.7}
.quick-science{background:linear-gradient(180deg,#fbfdff,#fff)}
.threshold-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.threshold-strip span{padding:10px;border:1px solid #e0e9f0;border-radius:13px;background:#f9fbfd;text-align:center}
.threshold-strip b,.threshold-strip small{display:block}
.threshold-strip b{color:#102a43}.threshold-strip small{margin-top:3px;color:#6b8192;font-size:.75rem}
.health-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.health-hub-card-pro{position:relative;overflow:hidden}
.health-hub-card-pro::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;inset-inline-end:-35px;top:-35px;background:rgba(127,168,216,.12)}
.hub-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.evidence-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef6f1;color:#1a6a3e;font-size:.72rem;font-weight:850;border:1px solid #d4eadb}
@media(max-width:900px){.health-method-grid,.health-trust-grid{grid-template-columns:1fr}.health-steps{grid-template-columns:1fr}.health-grid-pro{grid-template-columns:1fr}}
@media(max-width:620px){.science-card{padding:17px}.formula-box{padding:13px 9px}.threshold-strip{grid-template-columns:1fr}.health-step{min-height:auto}}
.health-error-title{display:block;margin-top:5px;font-size:1.35rem!important;line-height:1.25!important}
.health-result-foot{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.14);color:#d9e7f1;font-size:.83rem}
