.health-main h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.8px;margin:20px 0 12px}
.health-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}
.health-example{flex:none;padding:11px 17px;border:1px solid var(--wire);border-radius:8px;background:var(--surface);font-size:13px;font-weight:650}
.health-example:hover{border-color:var(--accent)}
.health-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:start;margin:0 0 48px}
.health-form fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
.health-form legend{font-size:16px;font-weight:700;margin-bottom:14px}
.health-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.health-rate-mode{font:inherit;font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;padding:0;margin-top:6px;text-align:left}.health-rate-mode:disabled{color:var(--muted);cursor:default;text-decoration:none}
.health-rate-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.health-form label{display:block;font-size:13px;font-weight:650}
.health-form select,.health-form input[type=number]{display:block;width:100%;min-width:0;padding:11px;margin-top:7px;border:1px solid var(--wire);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit}
.health-form small,.health-note{display:block;color:var(--muted);font-size:12px;line-height:1.6;font-weight:400}
.health-form small{margin-top:6px}.health-form fieldset>.health-note{margin:10px 0}
.health-actions{margin:18px 0 8px}
.health-actions button{padding:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.health-scoreboard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px 28px}
.health-scoreboard h2{font-size:17px;letter-spacing:0;margin:0}
.health-score-line{display:flex;align-items:baseline;gap:18px;margin-top:8px}
.health-score-line strong{font-size:68px;line-height:1.2;letter-spacing:-4px;color:var(--accent);font-variant-numeric:tabular-nums}
.health-score-line span{color:var(--muted);font-size:12px}
.health-coverage{font-size:12px;color:var(--muted);margin:8px 0 18px}
.health-status{font-size:13px;line-height:1.6;margin-bottom:16px}.health-status:empty{display:none}
.health-context{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.health-comparison{padding:18px 0;border-top:1px solid var(--line)}.health-comparison:last-child{padding-bottom:0}
.health-comparison-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.health-comparison h3{font-size:14px;letter-spacing:0}
.health-values{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}
.health-values strong{display:block;font-size:19px;font-weight:650;letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums}
.health-values span:last-child{text-align:right}
.health-track{position:relative;height:6px;border-radius:3px;background:var(--line);margin:14px 0 10px}
.health-track:after{content:'';position:absolute;left:50%;top:-3px;height:12px;border-left:2px solid var(--muted)}
.health-track span{display:block;height:100%;border-radius:3px;background:var(--accent)}
.health-source{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.health-scoreboard .text-link{font-size:12px;margin-top:24px}
.health-method{max-width:780px}.health-method h2{font-size:22px;letter-spacing:-.5px;margin:0 0 20px}
.health-method p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0;max-width:72ch}
.health-method a{color:var(--accent);text-decoration:underline}.health-method code{font-size:12px;overflow-wrap:anywhere}
.health-method summary{cursor:pointer;font-size:14px;font-weight:650}.health-method details{border-top:1px solid var(--line);padding:17px 0}
.health-form [hidden],.health-scoreboard [hidden]{display:none!important}.health-form :focus-visible,.health-method summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.health-layout{gap:28px}.health-rate-fields{grid-template-columns:1fr}.health-form select,.health-form input[type=number]{font-size:16px}.health-scoreboard{padding:24px}}
@media(max-width:760px){.health-intro{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.health-layout{grid-template-columns:1fr;gap:30px}.health-main h1{font-size:36px}.health-fields{grid-template-columns:1fr 1fr}.health-rate-fields{grid-template-columns:1fr}.health-score-line strong{font-size:60px}}
@media(max-width:420px){.health-fields{grid-template-columns:1fr}}