#hp-tool { --hp-ink:#17243a; --hp-border:#dee5ee; --hp-accent:#2662b7; color:var(--hp-ink); font-size:.94rem; }
#hp-tool *,#hp-tool *::before,#hp-tool *::after { box-sizing:border-box; }
#hp-tool .hp-panel { background:#fff; border:1px solid var(--hp-border); border-radius:12px; }
#hp-tool .hp-result-hero { background:#F0F5FE; border-radius:9px; }
#hp-tool .hp-eyebrow { color:#48627e; font-weight:600; font-size:.83rem; }
#hp-tool .hp-big-number { font-size:clamp(1.9rem,3.4vw,2.65rem); font-weight:750; letter-spacing:-.035em; line-height:1.3; overflow-wrap:anywhere; }
#hp-tool .hp-metric { background:#f8fafc; border:1px solid var(--hp-border); border-radius:9px; padding:12px; height:100%; }
#hp-tool .hp-metric-label { font-size:.78rem; color:#5c6c7c; }
#hp-tool .hp-metric-value { font-size:1.12rem; font-weight:700; overflow-wrap:anywhere; }
#hp-tool .hp-chart-wrap { height:228px; width:100%; position:relative; }
#hp-tool #hp-chart { width:100%; height:100%; display:block; }
#hp-tool .hp-chart-note { white-space:nowrap; }
#hp-tool .hp-reset { flex:0 0 52px; }
#hp-tool .btn-calc { background:#2461ad; color:#fff; border:1px solid #2461ad; font-weight:650; }
#hp-tool .btn-calc:hover,#hp-tool .btn-calc:focus { background:#194c8c; color:#fff; border-color:#194c8c; }
#hp-tool .form-label { margin-bottom:.35rem; }
#hp-tool .form-text { font-size:.77rem; }
#hp-tool .hp-table { font-variant-numeric:tabular-nums; }
#hp-tool .hp-table th { color:#526579; font-weight:600; }
#hp-tool .hp-table td,#hp-tool .hp-table th { padding:.55rem .35rem; }
#hp-tool .dropdown-menu { max-height:260px; overflow-y:auto; }
@media(max-width:575.98px) { #hp-tool .hp-panel{padding:15px!important;} #hp-tool .hp-chart-wrap{height:210px;} #hp-tool .hp-big-number{font-size:2rem;} #hp-tool .hp-reset{flex-basis:48px;} }