/* Helium UI v1.9.2 · interface polish and harmonised Health dashboard.
 * Important: loaded LAST on active pages; no fixed layout widths; original squircle geometry retained.
 */
:root{
 --he-primary:var(--he-p-0062CB);--he-primary-hover:var(--he-p-0960B5);--he-primary-soft:var(--he-p-D5E7F9);
 --he-lime:var(--he-p-0062CB);--he-highlight:var(--he-p-0062CB);--sa-current:var(--he-p-0062CB);
 --he-field-focus-border:var(--he-p-19477C);--he-motion-ease:cubic-bezier(.22,.82,.25,1);
 --he-hover-duration:210ms;--he-selected-duration:285ms;
}
/* A proper, consistent vector arrow rather than the typographic North-East arrow character. */
.he-arrow-icon{width:1em;height:1em;display:inline-block;flex:none;vertical-align:-.14em;overflow:visible;stroke:currentColor;transition:transform var(--he-hover-duration) var(--he-motion-ease),stroke var(--he-hover-duration) ease}
:is(a,button):hover .he-arrow-icon{transform:translate(2px,-2px)}
:is(a,button):active .he-arrow-icon{transform:translate(1px,-1px)}
:is(a,button):focus-visible .he-arrow-icon{stroke-width:2.3}
.rail .he-arrow-icon{width:20px;height:20px;vertical-align:middle}
.rail-scroll{scrollbar-width:none!important;scrollbar-color:transparent transparent!important}
.rail-scroll::-webkit-scrollbar,.rail::-webkit-scrollbar{display:none!important;width:0!important}
/* Component slider: value + track + thumb align at the SAME percentage. */
.he-demo .he-stack.stretch:has(.he-range){display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:nowrap!important;min-width:0;width:100%}
.he-demo .he-stack.stretch:has(.he-range) .he-range{box-sizing:border-box;display:block;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:10px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;outline-offset:7px;cursor:pointer;appearance:none!important;-webkit-appearance:none!important;
 background:linear-gradient(to right,var(--he-p-254C7B) 0%,var(--he-p-254C7B) var(--he-slider-progress,62%),var(--he-p-DFE3E8) var(--he-slider-progress,62%),var(--he-p-DFE3E8) 100%)!important;
 transition:filter var(--he-hover-duration) ease,box-shadow var(--he-hover-duration) ease!important}
.he-demo .he-range-number{flex:0 0 64px!important;min-width:64px;text-align:right;font-size:clamp(20px,2.4vw,27px);line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;color:var(--he-p-10223A);white-space:nowrap}
.he-demo .he-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:34px;height:34px;border:8px solid var(--he-p-FFFFFF);border-radius:12px;corner-shape:squircle;background:var(--he-p-0062CB);box-shadow:0 3px 12px var(--he-p-0D213829),0 0 0 1px var(--he-p-D9E0E7);cursor:grab;transition:box-shadow .20s ease,filter .20s ease,background-color .20s ease}
.he-demo .he-range::-moz-range-thumb{box-sizing:border-box;width:34px;height:34px;border:8px solid var(--he-p-FFFFFF);border-radius:12px;background:var(--he-p-0062CB);box-shadow:0 3px 12px var(--he-p-0D213829),0 0 0 1px var(--he-p-D9E0E7);cursor:grab;transition:box-shadow .20s ease}
.he-demo .he-range:hover{filter:brightness(1.04)}
.he-demo .he-range:focus-visible{outline:2px solid var(--he-p-1D416D)!important;outline-offset:11px}
.he-demo .he-range:active::-webkit-slider-thumb{cursor:grabbing;filter:brightness(.92)}
/* Smooth state change – no jumping, no uncontrolled hover elevation. */
:is(.he-control,.he-pill,.he-item,.he-swatches,.he-tabs button,.he-switch,.he-floating .he-menu-item,.he-toolbar button,.he-button,.he-cta,.he-mini-check input,.he-swatch,.he-demo button,
.lab-btn,.lab-nav a,.category-item,.data-tab,.health-mini-button,.health-action-card,.timeline-bubble,.see-all,.sub-button,.nav-link,.action,.rail-link,.sa-button,.small-action,
.he-health-seg,.he-health-search,.he-health-live,.he-health-filter-button){
 transition-property:background-color,color,border-color,box-shadow,opacity,filter,transform!important;
 transition-duration:var(--he-hover-duration)!important;transition-timing-function:var(--he-motion-ease)!important;
}
:is(.he-tabs button,.he-health-seg,.category-item,.data-tab,.he-toolbar button)[aria-selected=true],
:is(.he-tabs button,.he-health-seg,.category-item,.data-tab,.he-toolbar button)[aria-pressed=true]{transition-duration:var(--he-selected-duration)!important}
:is(.he-demo-input,.he-otp input,.he-health-search input){transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}
/* Existing clean white surfaces stay untouched; foreground lime changes to the approved green. */
:is(.primary-button,.primary,.he-btn-primary,.he-switch[aria-checked=true],.yellow-tag,.yellow-pill){--he-lime:var(--he-p-0062CB)}
.he-mini-check input:checked,.he-dategrid button.active{background-color:var(--he-p-0062CB)!important;border-color:var(--he-p-0062CB)!important}
/* Loader and avatar showcase: proportional depth and noticeably larger thinking orbs. */
.he-thinking-orb{color:var(--he-p-17375D)}
.he-bot-avatar canvas,.he-thinking-orb canvas{object-fit:contain}
.lab-grid.three .he-loader-card{min-height:310px;padding:28px;display:flex;flex-direction:column;gap:8px}
.lab-grid.three .he-loader-card .he-specimen{min-height:180px;flex:1}
.lab-grid.three .he-loader-card h3{font-size:18px;color:var(--he-p-0E223C);margin-top:1px}
.lab-grid.three .he-loader-card p{font-size:13px;line-height:1.5}
.lab-feature{background:radial-gradient(ellipse at 36% 16%,var(--he-p-213D5E),var(--he-p-0E233D) 56%,var(--he-p-091626) 100%)!important}
.lab-feature .he-bot-avatar{filter:drop-shadow(0 22px 18px var(--he-p-06101B4F))}
.lab-feature .he-bot-avatar canvas{image-rendering:auto}
.lab-grid.three .he-loader-card:hover{background:var(--he-p-FFFFFF)!important}
/* Biomarkers – use precisely the same visual surfaces as Financial Overview. */
html body.health-page{background:var(--he-p-D8E6F0)!important;background-image:none!important;color:var(--he-p-10233D)}
html body.health-page .health-shell{width:100%;max-width:none!important;padding:0 clamp(16px,3.35vw,64px) 64px!important;background:var(--he-p-D8E6F0)!important;background-image:none!important;min-height:100vh}
html body.health-page .health-topbar{position:relative;z-index:6;height:auto!important;min-height:85px;align-items:center!important;gap:20px;justify-content:space-between;
 margin-inline:calc(-1 * clamp(16px,3.35vw,64px));padding:16px clamp(16px,3.35vw,64px);margin-bottom:34px;background:var(--he-p-EEF4F8)!important;border-bottom:1px solid var(--he-p-0C1E3512)}
html body.health-page .health-logo{display:flex;align-items:center;gap:26px;color:var(--he-p-1B2D44);font-size:14px;letter-spacing:-.01em;font-weight:600}
html body.health-page .health-logo .helium-logo{max-width:190px;width:clamp(126px,12vw,190px);height:auto}
html body.health-page .health-top-actions{display:flex;align-items:center;gap:10px}
html body.health-page .he-lab-inline{min-height:44px;padding:11px 16px;background:var(--he-p-FFFFFFB2)!important;border-radius:14px;corner-shape:squircle;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}
html body.health-page .he-lab-inline:hover{background:var(--he-p-FFFFFF)!important}
html body.health-page .health-mini-button{background:var(--he-p-FFFFFFBF)!important;min-width:44px;width:44px;height:44px;border-radius:16px;corner-shape:squircle}
html body.health-page .health-mini-button:hover{background:var(--he-p-FFFFFF)!important}
html body.health-page .health-dashboard{display:grid;grid-template-columns:clamp(208px,16.7vw,252px) minmax(0,1fr);gap:clamp(22px,2.4vw,40px);width:100%;align-items:start}
html body.health-page .health-aside{position:sticky;top:20px;align-self:start;padding-top:0;max-height:calc(100dvh - 30px);overflow-y:auto;scrollbar-width:none}
html body.health-page .health-aside::-webkit-scrollbar{display:none}
html body.health-page .health-aside-tabs{display:flex;gap:5px;padding:5px;background:var(--he-p-EEF4F8);margin:0 0 17px;border-radius:20px;corner-shape:squircle}
html body.health-page .data-tab{flex:1;min-height:41px;padding:9px 10px;font-size:14px;letter-spacing:0;font-weight:600;color:var(--he-p-697380);border-radius:15px;corner-shape:squircle}
html body.health-page .data-tab.current{background:var(--he-p-FFFFFF);color:var(--he-p-0F243F);box-shadow:0 4px 12px var(--he-p-0F26400D)}
html body.health-page .category-list{gap:6px}
html body.health-page .category-item{transform:none!important;min-height:48px;padding:12px 14px;gap:11px;background:var(--he-p-FFFFFF66)!important;color:var(--he-p-475668);border:1px solid transparent!important;border-radius:16px;corner-shape:squircle}
html body.health-page .category-item:hover{background:var(--he-p-FFFFFFCC)!important;color:var(--he-p-10233D)}
html body.health-page .category-item.selected{background:var(--he-p-FFFFFF)!important;border-color:var(--he-p-1F436E1F)!important;color:var(--he-p-0F2743);box-shadow:0 5px 18px -15px var(--he-p-17375C33)}
html body.health-page .category-item span{font-size:13px!important;font-weight:550;white-space:normal;line-height:1.3}
html body.health-page .category-item small{font-size:11px;color:var(--he-p-42546A);background:var(--he-p-EEF3EE);padding:3px 6px}
html body.health-page .category-item svg{width:17px;height:17px}
html body.health-page .subscription-card{background:var(--he-p-FFFFFFCC)!important;padding:22px;border-radius:27px;corner-shape:squircle}
html body.health-page .subscription-card h3{font-size:19px;font-weight:600;line-height:1.3}
html body.health-page .subscription-card p{font-size:13px;line-height:1.6;color:var(--he-p-667281)}
html body.health-page .yellow-pill,html body.health-page .yellow-tag{background:var(--he-p-0062CB)!important;color:var(--he-p-0C1F35)!important;font-weight:700;font-size:11px;line-height:1.4;border-radius:9px;corner-shape:squircle}
html body.health-page .sub-button{font-size:13px;font-weight:600;min-height:42px;border-radius:13px;corner-shape:squircle}
html body.health-page .health-main{min-width:0;width:100%}
html body.health-page .he-health-intro{margin:0 0 23px;display:grid;gap:8px}
html body.health-page .he-health-kicker{font-size:11px;color:var(--he-p-3F5A79);font-weight:750;letter-spacing:.13em;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
html body.health-page .he-health-spark{width:9px;height:9px;background:var(--he-p-0062CB);border-radius:3px;corner-shape:squircle}
html body.health-page .he-health-separator{color:var(--he-p-8692A0)}
html body.health-page .he-health-intro p{font-size:15px;color:var(--he-p-606B79);line-height:1.5;margin:0}
html body.health-page .health-header-row{gap:clamp(18px,2.6vw,32px);align-items:center}
html body.health-page .health-header-row h1{font-size:clamp(36px,4vw,64px);font-weight:600;letter-spacing:-.065em;line-height:1.02;margin:0 0 22px;color:var(--he-p-0D213A)}
html body.health-page .health-summary-metrics{max-width:710px;gap:clamp(10px,1.2vw,20px)}
html body.health-page .health-summary-metrics>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}
html body.health-page .health-summary-metrics strong{font-size:clamp(23px,2.1vw,33px);color:var(--he-p-0F233D)}
html body.health-page .health-summary-metrics span:not(.yellow-tag){font-size:11px;line-height:1.4;color:var(--he-p-596675);padding:4px 7px;border-color:var(--he-p-C7CED7)}
html body.health-page .health-small-cards{display:flex;gap:12px;flex:0 0 auto}
html body.health-page .health-action-card{width:clamp(130px,11vw,164px);height:168px;transform:none!important;border:1px solid var(--he-p-FFFFFF99);border-radius:29px;corner-shape:squircle;padding:19px;box-shadow:none!important}
html body.health-page .health-action-card:hover{filter:saturate(1.045);box-shadow:0 15px 32px -27px var(--he-p-0D213A28)!important}
html body.health-page .he-action-card--records{background:var(--he-p-FFFFFFCC)!important}
html body.health-page .he-action-card--insights{background:linear-gradient(145deg,var(--he-p-E9DCF5),var(--he-p-DFE8F2),var(--he-p-FBE8DA))!important}
html body.health-page .health-action-card .he-insight-title,html body.health-page .health-action-head{font-size:13px;font-weight:650;color:var(--he-p-1F3148)}
html body.health-page .health-timeline{background:var(--he-p-FFFFFFA6);margin:17px 0 30px;max-width:none;width:100%;padding:9px 18px;min-height:60px;height:auto;border-radius:21px;corner-shape:squircle}
html body.health-page .health-timeline>span{font-size:12px;color:var(--he-p-566679)}
html body.health-page .timeline-bubble{background:var(--he-p-D9E8F7)!important;color:var(--he-p-193555);font-size:12px;box-shadow:none;padding:10px 15px;position:static;white-space:nowrap}
html body.health-page .timeline-track span.active{background:var(--he-p-0062CB)}
html body.health-page .he-health-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px;max-width:100%}
html body.health-page .he-health-control-switch{background:var(--he-p-EEF4F8);padding:5px;border-radius:18px;corner-shape:squircle;display:flex;align-items:center;gap:4px}
html body.health-page .he-health-seg{border:1px solid transparent;min-height:42px;padding:10px 14px;border-radius:14px;corner-shape:squircle;background:transparent;color:var(--he-p-657180);font-family:inherit;font-weight:650;font-size:13px;white-space:nowrap}
html body.health-page .he-health-seg:hover{color:var(--he-p-11243D);background:var(--he-p-FFFFFFA6)}
html body.health-page .he-health-seg.is-current{background:var(--he-p-FFFFFF);color:var(--he-p-0F223B);box-shadow:0 3px 13px var(--he-p-0A1A2C12)}
html body.health-page .he-health-search{display:flex;align-items:center;gap:10px;min-width:185px;flex:1;max-width:320px;min-height:52px;padding:3px 14px;background:var(--he-p-FFFFFFCC);border:1px solid transparent;border-radius:17px;corner-shape:squircle}
html body.health-page .he-health-search:focus-within{border-color:var(--he-p-275488);background:var(--he-p-FFFFFF);box-shadow:0 0 0 3px var(--he-p-086ED117)}
html body.health-page .he-health-search svg{width:19px;height:19px;stroke:var(--he-p-647180);stroke-width:1.8;fill:none;flex:none}
html body.health-page .he-health-search input{font:500 13px/1.4 var(--helium-font-family,'Stack Sans Text',sans-serif);min-width:0;width:100%;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:8px 0!important;color:var(--he-p-0F223A)}
html body.health-page .he-health-search input:focus{border:0!important;box-shadow:none!important}
html body.health-page .he-health-live{display:inline-flex;align-items:center;gap:9px;color:var(--he-p-3F5670);font-size:12px;font-weight:600;white-space:nowrap}
html body.health-page .he-health-live-dot{width:8px;height:8px;background:var(--he-p-0062CB);border-radius:3px;corner-shape:squircle}
html body.health-page .he-health-section-label{display:flex;align-items:center;gap:16px;margin:25px 0 17px;font-size:11px;font-weight:750;color:var(--he-p-506074);letter-spacing:.105em;white-space:nowrap}
html body.health-page .he-health-section-rule{flex:1;height:1px;background:var(--he-p-BBC5D0)}
html body.health-page .biomarker-feature-grid{gap:16px}
html body.health-page .biomarker-feature-grid>article{height:clamp(235px,18vw,310px);border-radius:38px;corner-shape:squircle}
html body.health-page .biomarker-green{background:linear-gradient(143deg,var(--he-p-B0CBE9),var(--he-p-6C9FDB) 58%,var(--he-p-27486F))!important;color:var(--he-p-11243D)}
html body.health-page .biomarker-green .biomarker-glow{background:radial-gradient(circle at 10% 30%,var(--he-p-C9E2FF),transparent 57%),radial-gradient(circle at 77% 73%,var(--he-p-086ED144),transparent 70%)!important}
html body.health-page .biomarker-orange{background:linear-gradient(140deg,var(--he-p-FFE5D0),var(--he-p-F5BEB0) 54%,var(--he-p-F1D3E8))!important;color:var(--he-p-4C3332)}
html body.health-page .biomarker-orange .biomarker-glow{background:radial-gradient(circle at 22% 22%,var(--he-p-FFF4E7),transparent 55%),radial-gradient(circle at 84% 83%,var(--he-p-EFB8E3),transparent 70%)!important}
html body.health-page .biomarker-gradient .bio-overline{font-size:14px;font-weight:600;color:inherit}
html body.health-page .biomarker-gradient .bio-state{font-size:13px;font-weight:600;color:inherit}
html body.health-page .biomarker-gradient .pixel-number{text-shadow:none;color:inherit;font-size:clamp(64px,6vw,86px)}
html body.health-page .biomarker-gradient::after{backdrop-filter:none!important;background:linear-gradient(160deg,var(--he-p-FFFFFF18),transparent 70%)!important}
html body.health-page .biowave path{stroke:currentColor}
html body.health-page .results-card{background:var(--he-p-FFFFFFCC)!important;padding:26px}
html body.health-page .results-card>p{font-size:16px;font-weight:650;color:var(--he-p-1B2D45)}
html body.health-page .result-main strong{font-size:clamp(28px,3vw,40px)}
html body.health-page .result-main small{font-size:12px;color:var(--he-p-677280)}
html body.health-page .section-head h2{font-size:clamp(22px,2vw,32px);font-weight:650;color:var(--he-p-0E233D)}
html body.health-page .section-head p{font-size:14px;line-height:1.6;color:var(--he-p-646F7D)}
html body.health-page .see-all{min-height:43px;padding:12px 17px;background:var(--he-p-FFFFFF);font-size:13px;font-weight:650;border-radius:15px;corner-shape:squircle}
html body.health-page .health-lower-grid{gap:clamp(16px,2.1vw,32px);margin-top:32px}
html body.health-page .mini-biomarker-grid,html body.health-page .product-grid{gap:12px}
html body.health-page .small-biomarker,html body.health-page .product-card{height:clamp(188px,15vw,222px);padding:clamp(16px,1.5vw,24px);background:var(--he-p-FFFFFFCC)!important;border:1px solid var(--he-p-FFFFFF99)!important;border-radius:30px;corner-shape:squircle;transform:none!important;box-shadow:none!important}
html body.health-page .small-biomarker>span,html body.health-page .product-card>span:not(.bestseller):not(.item-type){font-size:12px!important;color:var(--he-p-596573);white-space:normal;line-height:1.35}
html body.health-page .small-biomarker .pixel-number{font-size:clamp(26px,2vw,34px);color:var(--he-p-0F233D)}
html body.health-page .small-biomarker .pixel-number small{font-size:12px}
html body.health-page .product-card strong{font-size:15px;color:var(--he-p-12253D)}
html body.health-page .health-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--he-p-576474);font-size:13px}
html body.health-page .health-main [hidden]{display:none!important}
@media(max-width:1270px){html body.health-page .health-dashboard{grid-template-columns:205px minmax(0,1fr);gap:22px}html body.health-page .health-header-row{flex-direction:column;align-items:stretch}html body.health-page .health-summary-metrics{max-width:none}html body.health-page .biomarker-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.health-page .results-card{grid-column:1/-1}html body.health-page .health-lower-grid{grid-template-columns:1fr}}
@media(max-width:820px){html body.health-page .health-topbar{margin-bottom:22px}html body.health-page .health-dashboard{grid-template-columns:minmax(0,1fr)}html body.health-page .health-aside{position:static;max-height:none;overflow:visible}html body.health-page .category-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding-block:6px}html body.health-page .category-list::-webkit-scrollbar{display:none}html body.health-page .category-item{min-width:max-content;max-width:210px}html body.health-page .health-aside-tabs{display:inline-flex;margin-bottom:10px}html body.health-page .subscription-card{display:none}html body.health-page .health-header-row{flex-direction:row}html body.health-page .health-small-cards{flex-wrap:nowrap}}
@media(max-width:610px){html body.health-page .health-topbar{gap:12px;min-height:72px}html body.health-page .health-logo>span{display:none}html body.health-page .health-top-actions{gap:6px}html body.health-page .he-lab-inline{font-size:12px;padding:10px}html body.health-page .health-mini-button{min-width:40px;width:40px;height:40px}html body.health-page .health-header-row{flex-direction:column}html body.health-page .health-header-row h1{font-size:43px}html body.health-page .health-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body.health-page .health-small-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}html body.health-page .health-action-card{width:100%;height:145px}html body.health-page .he-health-tools{align-items:stretch}html body.health-page .he-health-control-switch{width:100%;justify-content:space-between}html body.health-page .he-health-seg{flex:1;padding-inline:6px;font-size:12px}html body.health-page .he-health-search{max-width:none;flex-basis:100%}html body.health-page .timeline-bubble{padding:8px 10px}html body.health-page .health-timeline{gap:8px;padding:10px}html body.health-page .timeline-track{gap:3px}html body.health-page .biomarker-feature-grid{grid-template-columns:1fr}html body.health-page .results-card{grid-column:auto}html body.health-page .biomarker-feature-grid>article{height:240px}html body.health-page .mini-biomarker-grid,html body.health-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.health-page .small-biomarker,html body.health-page .product-card{min-width:0}html body.health-page .he-health-section-label{font-size:10px;letter-spacing:.06em;gap:7px}}
@media(prefers-reduced-motion:reduce){.he-arrow-icon,:is(a,button),.he-demo .he-range,.he-demo .he-range::-webkit-slider-thumb{transition:none!important}}
/* Retire residual ocean-blue treatment from the old health-specific surface. */
html body.health-page,html body.health-page .health-shell,html body.health-page .health-dashboard,html body.health-page .health-main,html body.health-page .health-aside{
 background-color:transparent!important;background-image:none!important;
}
html body.health-page{background:var(--he-p-D8E6F0)!important;margin:0!important}
html body.health-page .health-shell{background:var(--he-p-D8E6F0)!important}
html body.health-page .health-topbar{background:var(--he-p-EEF4F8)!important}