/* Source artwork and editable copy, within the existing Exposome theme. */
body.hla-page { --hla-ink:#091963; --hla-muted:#536ba6; --hla-blue:#2865ef; --hla-gold:#a5782b; --hla-gutter:150px; color:var(--hla-ink); background:#f9fcff; }
html body.hla-page #main { padding:110.6px 0 0; background:#f9fcff; }
/* Keep true section geometry available for disclosure/deep-link scrolling. */
html body.hla-page #main > section { margin:0; border:0; content-visibility:visible; contain-intrinsic-size:none; }
html body.hla-page #main > section::before { display:none; }
.hla-page #main * { box-sizing:border-box; }
.hla-shell { margin-inline:var(--hla-gutter); }
.hla-page #main :is(section,article) { scroll-margin-top:135px; }
.hla-hero { display:grid; align-items:start; min-height:max(680px,calc(100svh - 110.6px)); padding-block:clamp(70px,8.5vw,160px) 100px; background:#102f50 url('../images/human-longevity-aging-20260916/hero-background.webp') center / cover no-repeat; color:#fff; }
.hla-hero-copy { --arotec-display-size:clamp(44px,3.5vw,68px); --arotec-display-line-height:1.12; --arotec-display-letter-spacing:-.025em; --site-type-h1:var(--arotec-display-size); --site-line-h1:1.12; --site-letter-h1:-.025em; width:min(760px,calc(51vw - var(--hla-gutter))); }
html body.hla-page #longevity-title { color:#fff; margin-bottom:36px !important; text-wrap:balance; }
.hla-narrative { --arotec-body-size:clamp(20px,1.5vw,28px); --arotec-body-line-height:1.4; }
.hla-narrative p { margin:0; color:#d1eaf0; }
.hla-narrative p + p { margin-top:28px; }
.hla-mobile-art { display:none; }
@media (min-width:1200px) {
  /* Fit the opening panel below the shared header, including shorter laptops. */
  .hla-hero { min-height:calc(100svh - 110.6px); padding-block:clamp(32px,8svh,96px) clamp(24px,4svh,48px); }
  .hla-hero-copy { --arotec-display-size:clamp(36px,min(3.5vw,6.2svh),68px); }
  .hla-narrative { --arotec-body-size:clamp(18px,min(1.5vw,2.65svh),28px); }
  html body.hla-page #longevity-title { max-width:none; margin-bottom:clamp(20px,3.8svh,36px) !important; }
  .hla-narrative p + p { margin-top:clamp(18px,3svh,28px); }
}
.hla-banner { display:grid; grid-template-columns:48% 52%; background:#18364f; color:#fff; }
.hla-banner-copy { --site-type-h2:clamp(30px,2.55vw,49px); --site-line-h2:1.1; --site-letter-h2:-.025em; --arotec-body-size:clamp(19px,1.4vw,26px); --arotec-body-line-height:1.4; align-self:center; padding:48px 34px 48px var(--hla-gutter); }
html body.hla-page #framework-title { margin-bottom:18px !important; color:#fff; }
.hla-banner-copy p { margin:0; color:#e0eaf3; }
.hla-banner > img { display:block; width:100%; height:100%; min-height:315px; object-fit:cover; object-position:43% center; }
.hla-framework-inner { padding-block:48px 76px; }
.hla-journey { display:grid; grid-template-columns:1.05fr .9fr 1.95fr .94fr 1fr; gap:18px; align-items:stretch; }
.hla-card { --site-type-h3:clamp(22px,1.55vw,30px); --site-line-h3:1.13; --site-letter-h3:-.025em; --site-type-h4:clamp(17px,1.08vw,22px); --site-line-h4:1.22; --site-letter-h4:-.015em; --arotec-body-size:clamp(17px,1.15vw,22px); --arotec-body-line-height:1.4; position:relative; min-width:0; border:1px solid #dae4f4; border-radius:16px; background:#fff; box-shadow:0 2px 4px #15235b06; }
html body.hla-page #main .hla-card :is(h3,h4) { margin-bottom:12px !important; color:var(--hla-ink); }
.hla-card p { margin:0; color:var(--hla-muted); }
.hla-card-copy { padding:22px 16px; }
.hla-card .hla-acronym { --site-type-h3:clamp(36px,2.8vw,54px); }
.hla-exposure-photo { margin:0; padding:9px 9px 0; }
.hla-exposure-photo > img { display:block; width:100%; height:auto; aspect-ratio:1.08; object-fit:cover; border-radius:10px 10px 0 0; }
.hla-exposure-photo figcaption { padding:10px 4px; background:#edf5fc; text-align:center; }
.hla-exposure-photo strong { display:block; font-size:15px; line-height:1.25; }
.hla-exposure-photo span { display:block; margin-top:6px; font-size:13px; line-height:1.35; color:#405781; }
.hla-burden { --arotec-body-size:clamp(16px,1.05vw,20px); --arotec-body-line-height:1.4; align-self:center; text-align:center; }
.hla-burden-steps { margin:0; padding:0; list-style:none; }
.hla-burden-steps li { padding:13px 0; color:var(--hla-ink); font-size:clamp(19px,1.35vw,26px); line-height:1.22; }
.hla-burden-steps li:last-child { color:#916222; }
.hla-burden-steps .ph { display:block; margin-top:15px; color:#4c9ac5; font-size:30px; }
.hla-burden > p { margin:18px 0 0; color:var(--hla-muted); }
.hla-metastatic { padding:25px 12px 20px; background:#f0f6fd; text-align:center; display:flex; flex-direction:column; }
html body.hla-page #main .hla-metastatic > h3 { --site-type-h3:clamp(26px,2vw,38px); margin-bottom:30px !important; }
.hla-levels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-block:auto; }
.hla-levels section { min-width:0; }
.hla-levels img { display:block; width:100%; height:auto; aspect-ratio:1.22; object-fit:cover; border-radius:10px; margin-bottom:16px; }
.hla-levels p { --arotec-body-size:clamp(14px,1vw,19px); --arotec-body-line-height:1.4; }
.hla-metastatic .hla-propagation { --arotec-body-size:clamp(17px,1.1vw,21px); margin-top:28px; }
.hla-human { display:flex; flex-direction:column; background:#f0f6fd; }
.hla-human .hla-card-copy, .hla-adi .hla-card-copy { display:flex; flex-direction:column; flex:1; }
.hla-brain-stages { position:relative; margin:9px 9px 0; background:#101d30; border-radius:10px; overflow:hidden; }
.hla-brain-stages > img { display:block; width:100%; height:auto; aspect-ratio:264/353; object-fit:cover; }
.hla-age { position:absolute; right:7%; color:#fff; font-size:17px; font-weight:700; line-height:1; }
.hla-age--30 { top:11%; } .hla-age--50 { top:47%; right:56%; } .hla-age--70 { top:79%; }
.hla-flow-arrow { position:absolute; right:-24px; top:40%; z-index:1; color:#4c9ac5; font-size:30px; }
.hla-human > .hla-flow-arrow { color:var(--hla-gold); }
.hla-adi { --hla-accent:var(--hla-gold); display:flex; flex-direction:column; background:#fffdfa; }
.hla-adi-photo { display:block; width:calc(100% - 18px); height:auto; aspect-ratio:1.03; object-fit:cover; margin:9px 9px 0; border-radius:10px; }
.hla-page #main .hla-explore { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:9px 14px; margin-top:auto; border:2px solid var(--hla-accent,var(--hla-blue)); border-radius:12px; background:#fff; color:var(--hla-accent,var(--hla-blue)); font-size:18px; font-weight:700; line-height:1.3; text-decoration:none; transition:color 180ms,background-color 180ms; }
.hla-card-copy p:has(+ .hla-explore) { margin-bottom:26px; }
.hla-explore .ph { font-size:24px; }
.hla-page #main .hla-explore:hover { background:var(--hla-accent,var(--hla-blue)); color:#fff; }
.hla-page #main a:focus-visible { outline:3px solid #091963; outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .hla-card { transition:box-shadow 220ms ease,border-color 220ms ease; }
  .hla-card:hover { border-color:#93b5d9; box-shadow:0 12px 28px #1d3c5e1a; }
}
@media (max-width:1439px) {
  .hla-journey { grid-template-columns:1fr 1fr; gap:28px; }
  .hla-metastatic { grid-column:1/-1; padding:28px; }
  .hla-burden-steps { max-width:350px; margin-inline:auto; }
  .hla-burden > p { max-width:340px; margin-inline:auto; }
  .hla-levels { gap:28px; }
  .hla-levels img { max-height:290px; }
  .hla-flow-arrow { display:none; }
  .hla-card { --site-type-h3:30px; --site-type-h4:22px; --arotec-body-size:20px; }
  .hla-card-copy { padding:24px; }
  .hla-levels p { --arotec-body-size:18px; }
  .hla-human, .hla-adi { display:grid; grid-template-rows:300px 1fr; }
  .hla-adi-photo { height:calc(100% - 9px); }
  .hla-brain-stages { width:218px; max-width:calc(100% - 18px); margin-inline:auto; }
  .hla-brain-stages > img { height:100%; }
  .hla-age { font-size:20px; }
}
@media (max-width:1199px) {
  body.hla-page { --hla-gutter:40px; }
  .hla-hero { display:block; min-height:0; padding:56px 0 0; background:#102f50; }
  .hla-hero-copy { width:min(850px,100%); --arotec-display-size:56px; --site-type-h1:56px; }
  .hla-narrative { --arotec-body-size:23px; }
  .hla-mobile-art { display:block; width:100%; height:auto; margin-top:32px; }
  .hla-banner-copy { padding-block:36px; }
  .hla-banner > img { object-position:28% center; }
}
@media (max-width:800px) {
  body.hla-page { --hla-gutter:24px; }
  html body.hla-page #main { padding-top:80px; }
  .hla-hero { padding-top:44px; }
  .hla-hero-copy { --arotec-display-size:40px; --arotec-display-line-height:1.13; --site-type-h1:40px; --site-line-h1:1.13; }
  html body.hla-page #longevity-title { margin-bottom:26px !important; }
  .hla-desktop-break { display:none; }
  .hla-narrative { --arotec-body-size:20px; --arotec-body-line-height:1.5; }
  .hla-banner { grid-template-columns:1fr; }
  .hla-banner-copy { --site-type-h2:34px; --arotec-body-size:20px; padding:36px var(--hla-gutter); }
  .hla-banner > img { min-height:0; height:auto; aspect-ratio:2.5; object-position:center; }
  .hla-framework-inner { padding-block:32px 48px; }
  .hla-journey { grid-template-columns:1fr; gap:24px; }
  .hla-metastatic { grid-column:auto; padding:26px 18px; }
  .hla-levels { gap:25px; grid-template-columns:1fr; }
  .hla-levels img { max-height:none; }
  .hla-card-copy { padding:24px 20px; }
  .hla-exposure-photo strong { font-size:20px; }
  .hla-exposure-photo span { font-size:16px; }
  .hla-burden { --arotec-body-size:19px; padding:8px 18px; }
  .hla-burden-steps li { font-size:23px; }
  .hla-burden-steps li br { display:none; }
  .hla-adi { grid-template-rows:auto 1fr; }
  .hla-adi-photo { height:auto; max-height:380px; }
  .hla-explore { align-self:flex-start; min-width:160px; }
  .hla-metastatic .hla-propagation { --arotec-body-size:20px; }
}
@media (prefers-reduced-motion:reduce) { .hla-page #main :is(.hla-card,.hla-explore) { transition:none; } }

/* Native disclosure: the same flat bar and caret treatment as Exposome. */
.hla-domains-section { padding:0 0 64px; background:#f3f9fd; }
.hla-accordion { border:0; border-block:1px solid #c6dce9; border-radius:0; background:transparent; scroll-margin-top:135px; }
.hla-accordion-toggle { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:72px; padding:18px 0; color:#0a165c; cursor:pointer; list-style:none; font-size:22px; font-weight:700; }
.hla-accordion-toggle::-webkit-details-marker { display:none; }
.hla-accordion-toggle > span { min-width:0; overflow-wrap:break-word; }
.hla-accordion-toggle > .ph { flex-shrink:0; font-size:24px; transition:transform 160ms; }
.hla-accordion[open] > .hla-accordion-toggle > .ph { transform:rotate(180deg); }
.hla-accordion:not([open]) > .hla-domains-content { display:none; }
.hla-page #main :is(.hla-accordion-toggle,button.hla-explore):focus-visible { outline:3px solid #317bc5; outline-offset:5px; }
.hla-page #main button.hla-explore { cursor:pointer; font-family:inherit; }
.hla-domains-content { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr); align-items:center; gap:28px; padding:30px 0 40px; }
.hla-domains-intro { --site-type-h2:clamp(30px,2.35vw,44px); --site-line-h2:1.17; --site-letter-h2:-.025em; --arotec-body-size:clamp(20px,1.4vw,26px); --arotec-body-line-height:1.45; }
html body.hla-page #aging-domains-title { margin:0 !important; color:var(--hla-ink); }
.hla-domains-intro h2::after { content:""; display:block; width:94px; height:5px; margin-block:30px; background:#d1aa51; }
.hla-domains-intro p { margin:0; color:var(--hla-muted); }
.hla-domains-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; }
.hla-domain-card { display:grid; grid-template-columns:minmax(0,1fr) 35%; gap:16px; min-width:0; padding:14px; border:1px solid #c8d7e9; border-radius:16px; background:#fff; box-shadow:0 4px 14px #19356308; }
.hla-domain-copy { --site-type-h3:clamp(21px,1.45vw,28px); --site-line-h3:1.17; --site-letter-h3:-.025em; --arotec-body-size:18px; --arotec-body-line-height:1.42; display:flex; flex-direction:column; min-width:0; padding:6px 0 4px; }
html body.hla-page #main .hla-domain-card h3 { margin:0 0 14px !important; color:var(--hla-ink); }
.hla-domain-card h3::after { content:""; display:block; width:52px; height:4px; margin-top:16px; background:#d1aa51; }
.hla-domain-copy p { margin:0; color:var(--hla-muted); }
.hla-domain-copy .hla-domain-topics { --arotec-body-size:15px; --arotec-body-line-height:1.4; margin-top:auto; padding-top:16px; border-top:1px solid #b8c9df; color:#405781; }
.hla-domain-copy p:not(.hla-domain-topics) { margin-bottom:30px; }
.hla-domain-card > img { display:block; width:100%; height:100%; min-height:320px; object-fit:cover; border-radius:8px; }
.hla-domain-card:has(#cognitive-domain-title) > img { object-fit:contain; background:#edf2f8; }
.hla-domain-connection { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:0; min-height:48px; color:var(--hla-ink); font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
.hla-domain-connection::before,.hla-domain-connection::after { content:""; width:90px; max-width:15%; height:1px; background:#667bac; }
.hla-domain-connection span { padding:8px 18px; border:1px solid #a9bfd9; border-radius:6px; background:#eaf1f8; }
@media (hover:hover) and (pointer:fine) {
  .hla-domain-card { transition:border-color 220ms,box-shadow 220ms; }
  .hla-domain-card:hover { border-color:#93b5d9; box-shadow:0 10px 26px #1d3c5e14; }
}
@media (max-width:1439px) {
  .hla-domains-content { grid-template-columns:minmax(0,1fr); gap:28px; }
  .hla-domains-intro { max-width:820px; --site-type-h2:36px; --arotec-body-size:22px; }
  .hla-domains-intro h2::after { margin-block:20px; }
}
@media (max-width:1000px) {
  .hla-domains-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .hla-domain-card { grid-template-columns:minmax(0,1fr) 34%; gap:12px; }
  .hla-domain-copy { --site-type-h3:22px; --arotec-body-size:17px; }
}
@media (max-width:800px) {
  .hla-domains-section { padding-bottom:40px; }
  .hla-accordion { scroll-margin-top:104px; }
  .hla-domains-content { padding-block:24px 30px; }
  .hla-domains-intro { --site-type-h2:32px; --arotec-body-size:20px; }
  .hla-domains-grid { grid-template-columns:minmax(0,1fr); gap:20px; min-width:0; }
  .hla-domain-card { grid-template-columns:minmax(0,1fr) 35%; gap:18px; padding:18px; }
  .hla-domain-copy { --site-type-h3:24px; --arotec-body-size:19px; }
  .hla-domain-card > img { min-height:300px; }
  .hla-domain-connection { min-height:32px; }
}
@media (max-width:520px) {
  .hla-domain-card { display:flex; flex-direction:column; padding:18px; gap:22px; }
  .hla-domain-copy { --site-type-h3:24px; --arotec-body-size:19px; }
  .hla-domain-copy p:not(.hla-domain-topics) { margin-bottom:24px; }
  .hla-domain-copy .hla-domain-topics { --arotec-body-size:16px; }
  .hla-domain-card > img { width:100%; height:auto; min-height:0; max-height:400px; object-fit:contain; background:#eaf1f8; }
  .hla-domain-connection span { padding-inline:12px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .hla-page #main :is(.hla-accordion-toggle > .ph,.hla-domain-card) { transition:none; }
}
@media (max-width:360px) {
  .hla-domains-intro { --site-type-h2:29px; }
  .hla-domain-copy { --site-type-h3:22px; }
}

/* ADI research: three source-based panels inside one independent disclosure. */
.hla-domains-section:has(+ .hla-adi-details-section) { padding-bottom:0; }
.hla-adi-details-section { padding:0 0 64px; background:#f3f9fd; }
.hla-adi-details-section .hla-accordion { border-top:0; }
.hla-accordion:not([open]) > .hla-adi-content { display:none; }
.hla-adi-content { padding:32px 0 40px; }
.hla-adi-research-section { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,2.22fr); align-items:center; gap:30px; padding:0; }
.hla-adi-research-section + .hla-adi-research-section { margin-top:56px; padding-top:56px; border-top:1px solid #c6dce9; }
.hla-adi-intro { --site-type-h2:clamp(30px,2.3vw,44px); --site-line-h2:1.15; --site-letter-h2:-.025em; --arotec-body-size:clamp(20px,1.35vw,25px); --arotec-body-line-height:1.45; min-width:0; }
html body.hla-page #main .hla-adi-intro h2 { margin:0 0 28px !important; color:var(--hla-ink); }
.hla-adi-intro h2::after { content:""; display:block; width:100px; height:5px; margin-top:28px; background:#dfa636; }
.hla-adi-intro p { margin:0; color:var(--hla-muted); }
.hla-adi-intro .hla-adi-intro-lead { margin-bottom:28px; color:var(--hla-ink); font-weight:600; }
.hla-adi-model,.hla-adi-interpretation,.hla-adi-time { min-width:0; }
.hla-adi-factors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.hla-adi-factor { --site-type-h3:21px; --site-line-h3:1.18; --site-letter-h3:-.02em; --arotec-body-size:18px; --arotec-body-line-height:1.4; display:grid; grid-template-columns:minmax(0,1fr) 43%; align-items:center; gap:14px; min-width:0; padding:18px; border:1px solid #c8dced; border-radius:16px; background:#fff; box-shadow:0 3px 12px #19356306; }
.hla-adi-factor-copy { min-width:0; }
html body.hla-page #main .hla-adi-factor h3 { margin:0 0 14px !important; color:var(--hla-ink); }
.hla-adi-acronym { display:block; font-size:44px; font-weight:700; line-height:1; letter-spacing:-.025em; }
.hla-adi-acronym::after { content:""; display:block; width:54px; height:4px; margin-block:12px 14px; background:#dfa636; }
.hla-adi-factor p { margin:0; color:var(--hla-muted); }
.hla-adi-factor > img { display:block; width:100%; height:auto; border-radius:10px; }
.hla-adi-factor .hla-adi-factor-topics { --arotec-body-size:15px; grid-column:1/-1; padding-top:10px; border-top:1px solid #bacbdf; text-align:center; }
.hla-adi-equation { padding:28px 12px; text-align:center; --arotec-body-size:18px; --arotec-body-line-height:1.4; }
.hla-adi-equation math { color:var(--hla-ink); font-size:54px; font-family:inherit; font-weight:700; }
.hla-adi-equation mfrac { color:#dfa636; }
.hla-adi-equation :is(mi,mo) { color:var(--hla-ink); }
.hla-adi-equation p { margin:20px 0 0; color:var(--hla-muted); }
.hla-adi-factor--resilience { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.hla-adi-factor--resilience figure { margin:0; min-width:0; }
.hla-adi-factor--resilience img { display:block; width:100%; height:auto; border-radius:10px; }
.hla-adi-factor--resilience figcaption { margin-top:10px; color:var(--hla-muted); font-size:15px; line-height:1.4; }
.hla-research-notice { display:flex; align-items:center; gap:18px; margin-top:22px; padding:16px 18px; border:1px solid #c8dced; border-radius:12px; background:#fff; }
.hla-research-notice strong { flex:0 0 145px; color:var(--hla-ink); font-size:16px; line-height:1.3; }
.hla-research-notice p { --arotec-body-size:16px; --arotec-body-line-height:1.45; margin:0; padding-left:18px; border-left:1px solid #9cadca; color:#405781; }
.hla-adi-continuum { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:22px; padding-bottom:14px; border-bottom:3px solid #dfa636; color:var(--hla-ink); font-size:19px; font-weight:700; }
.hla-adi-continuum .ph { color:#b17b21; font-size:28px; }
.hla-adi-three-up { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hla-adi-interpretation-card,.hla-adi-time-card { min-width:0; overflow:hidden; border:1px solid #c8dced; border-radius:16px; background:#fff; box-shadow:0 3px 12px #19356306; }
.hla-adi-interpretation-card > img,.hla-adi-time-card > img { display:block; width:calc(100% - 20px); height:auto; margin:10px 10px 0; border-radius:10px; }
.hla-adi-interpretation-card > img { aspect-ratio:1.02; object-fit:cover; }
.hla-adi-time-card > img { aspect-ratio:1.66; object-fit:cover; }
.hla-adi-card-copy { --site-type-h3:23px; --site-line-h3:1.2; --site-letter-h3:-.025em; --arotec-body-size:18px; --arotec-body-line-height:1.42; padding:18px 16px 22px; }
.hla-adi-card-copy::before { content:""; display:block; width:52px; height:4px; margin-bottom:13px; background:#dfa636; }
html body.hla-page #main .hla-adi-card-copy h3 { margin:0 0 16px !important; color:var(--hla-ink); }
.hla-adi-card-copy p { margin:0; color:var(--hla-muted); }
.hla-adi-card-copy ul { margin:0; padding-left:21px; color:var(--hla-muted); }
.hla-adi-card-copy li { margin:0; padding-left:2px; }
.hla-adi-card-copy li + li { margin-top:12px; }
.hla-adi-card-copy li::marker { color:#d79c2d; }
.hla-adi-chart { margin:0 0 20px; padding:20px 16px 14px; border:1px solid #c8dced; border-radius:16px; background:#fff; }
.hla-adi-chart figcaption { color:var(--hla-ink); font-size:22px; line-height:1.35; margin-bottom:16px; }
.hla-adi-chart-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
.hla-adi-chart-scroll:focus-visible { outline:3px solid #317bc5; outline-offset:3px; }
.hla-adi-chart img { display:block; width:100%; min-width:640px; height:auto; }
.hla-adi-chart-hint { --arotec-body-size:14px; --arotec-body-line-height:1.4; display:none; margin:12px 0 0; color:var(--hla-muted); }
@media (hover:hover) and (pointer:fine) {
  .hla-adi-interpretation-card,.hla-adi-time-card { transition:border-color 220ms,box-shadow 220ms; }
  .hla-adi-interpretation-card:hover,.hla-adi-time-card:hover { border-color:#93b5d9; box-shadow:0 10px 26px #1d3c5e14; }
}
@media (max-width:1439px) {
  .hla-adi-research-section { grid-template-columns:minmax(0,1fr); gap:28px; }
  .hla-adi-intro { --site-type-h2:36px; --arotec-body-size:21px; max-width:850px; }
  .hla-adi-intro h2::after { margin-top:20px; }
  html body.hla-page #main .hla-adi-intro h2 { margin-bottom:20px !important; }
}
@media (max-width:1000px) {
  .hla-adi-factor { grid-template-columns:minmax(0,1fr); }
  .hla-adi-factor > img { max-height:240px; object-fit:contain; background:#f3f7fb; }
  .hla-adi-factor--resilience { grid-template-columns:1fr 1fr; }
  .hla-adi-card-copy { --site-type-h3:21px; --arotec-body-size:17px; padding-inline:14px; }
}
@media (max-width:800px) {
  .hla-adi-details-section { padding-bottom:40px; }
  .hla-adi-content { padding-block:24px 30px; }
  .hla-adi-research-section + .hla-adi-research-section { margin-top:40px; padding-top:40px; }
  .hla-adi-intro { --site-type-h2:32px; --arotec-body-size:20px; }
  .hla-adi-factors,.hla-adi-three-up { grid-template-columns:minmax(0,1fr); gap:20px; }
  .hla-adi-factor { grid-template-columns:minmax(0,1fr) 40%; }
  .hla-adi-factor--resilience { grid-template-columns:minmax(0,1fr); }
  .hla-adi-factor > img { max-height:none; }
  .hla-adi-equation math { font-size:44px; }
  .hla-adi-card-copy { --site-type-h3:25px; --arotec-body-size:19px; padding:20px; }
  .hla-adi-interpretation-card > img { max-height:380px; object-position:center 30%; }
  .hla-adi-chart figcaption { font-size:20px; }
  .hla-adi-chart-hint { display:block; }
  .hla-research-notice { display:block; }
  .hla-research-notice strong { display:block; margin-bottom:10px; }
  .hla-research-notice p { padding:0; border:0; }
  .hla-adi-continuum { font-size:16px; gap:12px; }
}
@media (max-width:520px) {
  .hla-adi-factor { grid-template-columns:minmax(0,1fr); padding:20px; }
  .hla-adi-factor > img { width:100%; max-height:320px; object-fit:contain; }
  .hla-adi-equation { padding-inline:0; }
  .hla-adi-equation math { font-size:36px; }
}
@media (max-width:360px) {
  .hla-adi-intro { --site-type-h2:29px; }
  .hla-adi-equation math { font-size:30px; }
  .hla-adi-card-copy { --site-type-h3:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .hla-page #main :is(.hla-adi-interpretation-card,.hla-adi-time-card) { transition:none; }
}
/* ADI reference model only. Existing copy, photo assets and catalog targets are retained. */
#adi-model { grid-template-columns:minmax(0,.78fr) minmax(0,2.22fr); gap:30px; align-items:center; }
html body.hla-page #main #adi-model .hla-adi-intro h2,
html body.hla-page #main #adi-model .hla-adi-factor h3,
html body.hla-page #main #adi-model .hla-research-notice strong { text-transform:uppercase !important; }
#adi-model .hla-adi-model { position:relative; isolation:isolate; }
#adi-model .hla-adi-factors { position:relative; gap:22px; align-items:stretch; }
#adi-model .hla-adi-factor { position:relative; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); gap:16px; padding:18px; border-width:1px; box-shadow:none; }
#adi-model .hla-adi-factor > img { align-self:start; height:auto; object-fit:contain; }
#adi-model .hla-adi-factor-copy { align-self:start; }
#adi-model .hla-adi-factor h3 { --site-type-h3:clamp(18px,1.13vw,23px); --site-line-h3:1.18; }
#adi-model .hla-adi-factor p { --arotec-body-size:clamp(17px,1vw,20px); --arotec-body-line-height:1.35; }
#adi-model .hla-adi-acronym { font-size:clamp(42px,3.5vw,64px); }
#adi-model .hla-adi-factor .hla-adi-factor-topics { --arotec-body-size:clamp(15px,.95vw,18px); margin-top:auto; }
#adi-model .hla-adi-equation { position:relative; padding:72px 0 54px; }
#adi-model .hla-adi-equation math { font-size:clamp(48px,4.3vw,76px); }
#adi-model .hla-adi-equation p { margin:32px 0 0; --arotec-body-size:clamp(17px,1.15vw,21px); }
#adi-model .hla-adi-factor--resilience { width:88%; margin-inline:auto; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
#adi-model .hla-adi-factor--resilience .hla-adi-factor-copy { align-self:center; }
#adi-model .hla-research-notice { border-width:1px; margin-top:22px; }
#adi-model .hla-adi-relationships { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:-1; }
#adi-model .hla-adi-relationships path { fill:none; stroke:#113568; stroke-width:3px; stroke-linecap:butt; stroke-linejoin:miter; vector-effect:non-scaling-stroke; filter:none; }
#adi-model .hla-adi-relationships circle { fill:#efb33e; stroke:none; filter:none; }
@media (max-width:1199px) {
  #adi-model { grid-template-columns:minmax(0,1fr); gap:28px; }
  #adi-model .hla-adi-intro { max-width:850px; }
}
@media (max-width:800px) {
  #adi-model .hla-adi-factors { grid-template-columns:minmax(0,1fr); gap:20px; }
  #adi-model .hla-adi-factor { grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); }
  #adi-model .hla-adi-equation { padding:48px 0 48px; }
  #adi-model .hla-adi-equation math { font-size:44px; }
  #adi-model .hla-adi-factor--resilience { width:100%; }
}
@media (max-width:520px) {
  #adi-model .hla-adi-factor { grid-template-columns:minmax(0,1fr); padding:20px; }
  #adi-model .hla-adi-factor > img { max-height:320px; width:100%; }
  #adi-model .hla-adi-factor--resilience { grid-template-columns:minmax(0,1fr); }
  #adi-model .hla-adi-equation math { font-size:36px; }
  #adi-model .hla-adi-equation p { margin-top:30px; }
}
@media (max-width:360px) { #adi-model .hla-adi-equation math { font-size:30px; } }
/* Reference continuum and card proportions; scoped to the interpretation panel. */
#adi-interpretation { align-items:center; }
#adi-interpretation .hla-adi-intro h2 { text-transform:uppercase !important; }
#adi-interpretation .hla-adi-continuum {
  --adi-card-gap:18px;
  --adi-dot-size:clamp(12px,.9vw,20px);
  position:relative; display:grid; grid-template-columns:1fr 1fr;
  min-height:82px; gap:0; padding:0 0 46px; margin:0;
  border:0; font-size:clamp(16px,1.12vw,24px); line-height:1.25;
  text-transform:uppercase !important;
}
#adi-interpretation .hla-adi-continuum > span { align-self:start; }
#adi-interpretation .hla-adi-continuum > span:last-of-type { text-align:right; }
#adi-interpretation .hla-adi-continuum::after {
  content:""; position:absolute; z-index:0;
  left:calc((100% - 2 * var(--adi-card-gap)) / 6);
  right:calc((100% - 2 * var(--adi-card-gap)) / 6);
  bottom:29px; height:3px; background:#dfa636;
}
#adi-interpretation .hla-adi-stop {
  position:absolute; z-index:1; bottom:0; height:30px; width:3px;
  background:#113568; transform:translateX(-50%);
}
#adi-interpretation .hla-adi-stop:nth-of-type(1) { left:calc((100% - 2 * var(--adi-card-gap)) / 6); }
#adi-interpretation .hla-adi-stop:nth-of-type(2) { left:50%; }
#adi-interpretation .hla-adi-stop:nth-of-type(3) { left:calc(100% - (100% - 2 * var(--adi-card-gap)) / 6); }
#adi-interpretation .hla-adi-stop::before {
  content:""; position:absolute; left:50%; top:0;
  width:var(--adi-dot-size); height:var(--adi-dot-size);
  border-radius:50%; background:#dfa636; transform:translate(-50%,-50%);
}
#adi-interpretation .hla-adi-interpretation-card { box-shadow:none; border-width:1px; }
#adi-interpretation .hla-adi-card-copy { padding:18px 18px 26px; }
#adi-interpretation .hla-adi-card-copy::before { width:30%; min-width:52px; height:4px; }
#adi-interpretation .hla-adi-card-copy h3 { text-transform:uppercase !important; }
#adi-interpretation .hla-research-notice { margin-top:30px; padding:20px; border-width:1px; }
#adi-interpretation .hla-research-notice strong { flex-basis:175px; text-transform:uppercase !important; }
@media (min-width:1440px) {
  #adi-interpretation { grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr); }
}
@media (max-width:800px) {
  #adi-interpretation .hla-adi-continuum { min-height:68px; padding-bottom:38px; font-size:16px; }
  #adi-interpretation .hla-adi-continuum::after { left:10%; right:10%; }
  #adi-interpretation .hla-adi-stop:nth-of-type(1) { left:10%; }
  #adi-interpretation .hla-adi-stop:nth-of-type(3) { left:90%; }
  #adi-interpretation .hla-adi-stop { height:30px; }
  #adi-interpretation .hla-adi-interpretation-card > img { max-height:none; object-position:center; }
  #adi-interpretation .hla-adi-card-copy { padding:20px; }
  #adi-interpretation .hla-research-notice { margin-top:24px; padding:18px; }
}
#adi-interpretation .hla-adi-intro h2 { --site-type-h2:clamp(36px,3vw,62px); --site-line-h2:1.12; }
#adi-interpretation .hla-adi-intro > p { --arotec-body-size:clamp(20px,1.5vw,31px); --arotec-body-line-height:1.35; }
#adi-interpretation .hla-adi-card-copy h3 { --site-type-h3:clamp(20px,1.55vw,32px); --site-line-h3:1.2; }
#adi-interpretation .hla-adi-card-copy li { --arotec-body-size:clamp(18px,1.2vw,25px); --arotec-body-line-height:1.4; }
#adi-interpretation .hla-adi-card-copy li::marker { color:#dfa636; }
@media (max-width:800px) {
  #adi-interpretation .hla-adi-intro h2 { --site-type-h2:32px; }
  #adi-interpretation .hla-adi-card-copy h3 { --site-type-h3:25px; }
  #adi-interpretation .hla-adi-card-copy li { --arotec-body-size:19px; }
}
#adi-interpretation #adi-interpretation-title,
#adi-interpretation #adi-lower-title,
#adi-interpretation #adi-intermediate-title,
#adi-interpretation #adi-higher-title { text-transform:uppercase !important; }
#adi-interpretation #adi-lower-title + ul li::marker,
#adi-interpretation #adi-intermediate-title + ul li::marker,
#adi-interpretation #adi-higher-title + ul li::marker { color:#dfa636 !important; }
/* Human Aging cascade: source-based arrangement, existing editable copy and gutters. */
html body.hla-page #cascade.hla-cascade-reference { background:#fbfcff; }
#cascade.hla-cascade-reference .hla-banner { position:relative; display:flex; isolation:isolate; min-height:clamp(320px,21vw,620px); overflow:hidden; background:#18364f; }
#cascade.hla-cascade-reference .hla-banner > img { position:absolute; inset:0 0 0 auto; z-index:-2; width:70%; height:100%; min-height:0; object-fit:cover; object-position:36% center; }
#cascade.hla-cascade-reference .hla-banner::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#18364f 0%,#18364ff5 27%,#18364fc7 43%,#18364f44 58%,#18364f00 72%); }
#cascade.hla-cascade-reference .hla-banner-copy { width:57%; padding:48px 36px 48px var(--hla-gutter); align-self:center; }
#cascade.hla-cascade-reference #framework-title { text-transform:uppercase; }
#cascade.hla-cascade-reference .hla-framework-inner { padding-block:48px 64px; }
#cascade.hla-cascade-reference .hla-journey { grid-template-columns:minmax(190px,.95fr) minmax(300px,1.5fr) minmax(440px,2fr) minmax(180px,.9fr) minmax(200px,1fr); gap:18px; align-items:stretch; }
#cascade.hla-cascade-reference .hla-card { border:1px solid #d6e1ef !important; border-radius:14px; box-shadow:none; }
#cascade.hla-cascade-reference .hla-card-copy { padding:20px 14px; }
#cascade.hla-cascade-reference .hla-card :is(h3,h4) { text-transform:uppercase; }
#cascade.hla-cascade-reference .hla-emii { background:#eff6fc; }
#cascade.hla-cascade-reference .hla-exposure-photo { padding:9px 9px 0; }
#cascade.hla-cascade-reference .hla-exposure-photo strong { font-size:16px; }
#cascade.hla-cascade-reference .hla-exposure-photo span { font-size:14px; }
#cascade.hla-cascade-reference .hla-burden { position:relative; align-self:center; min-width:0; }
#cascade.hla-cascade-reference .hla-cascade-burden-shape { position:absolute; left:-13px; top:0; width:calc(100% + 26px); height:260px; overflow:visible; pointer-events:none; }
#cascade.hla-cascade-reference .hla-burden-steps { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; min-height:260px; max-width:none; padding:40px 20px 40px 0; margin:0; }
#cascade.hla-cascade-reference .hla-burden-steps li { position:relative; padding:12px 10px; font-size:clamp(19px,1.15vw,24px); line-height:1.3; color:#113568; }
#cascade.hla-cascade-reference .hla-burden-steps .ph { position:absolute; top:50%; right:-10px; margin:0; color:#113568; transform:translateY(-50%); font-size:23px; }
#cascade.hla-cascade-reference .hla-burden > p { max-width:none; margin:22px 0 0; }
#cascade.hla-cascade-reference .hla-metastatic { padding:25px 14px 22px; background:#edf5fc; }
html body.hla-page #cascade.hla-cascade-reference .hla-metastatic > h3 { margin-bottom:12px !important; }
#cascade.hla-cascade-reference .hla-cascade-branch { display:block; flex:none; margin:0; overflow:visible; }
#cascade.hla-cascade-reference .hla-cascade-branch :is(line,path) { stroke:#113568 !important; stroke-width:3px !important; fill:none !important; vector-effect:non-scaling-stroke; filter:none !important; }
#cascade.hla-cascade-reference .hla-levels { gap:16px; margin:0; }
#cascade.hla-cascade-reference .hla-levels img { max-height:none; }
#cascade.hla-cascade-reference .hla-metastatic .hla-propagation { margin-top:auto; padding-top:24px; }
#cascade.hla-cascade-reference .hla-human { background:#eef5fc; }
#cascade.hla-cascade-reference .hla-human,#cascade.hla-cascade-reference .hla-adi { display:flex; flex-direction:column; }
#cascade.hla-cascade-reference .hla-brain-stages { width:auto; max-width:none; margin:9px 9px 0; }
#cascade.hla-cascade-reference .hla-brain-stages > img { height:auto; }
#cascade.hla-cascade-reference .hla-adi-photo { height:auto; }
#cascade.hla-cascade-reference .hla-flow-arrow { display:block; right:-24px; top:42%; color:#113568; }
html body.hla-page #cascade.hla-cascade-reference .hla-explore { border:1px solid var(--hla-accent,#2865ef) !important; border-radius:999px; background:linear-gradient(180deg,#3566e9,#183f9a); color:#fff; box-shadow:none; min-height:48px; padding:10px 16px; }
html body.hla-page #cascade.hla-cascade-reference .hla-adi .hla-explore { background:linear-gradient(180deg,#c39a45,#956922); }
html body.hla-page #cascade.hla-cascade-reference .hla-explore:hover { background:#113568; color:#fff; }
html body.hla-page #cascade.hla-cascade-reference .hla-adi .hla-explore:hover { background:#79531a; }
@media (max-width:1799px) {
  #cascade.hla-cascade-reference .hla-journey { grid-template-columns:minmax(190px,.8fr) minmax(330px,1.35fr) minmax(430px,2fr); gap:28px; }
  #cascade.hla-cascade-reference .hla-emii { grid-column:1; }
  #cascade.hla-cascade-reference .hla-burden { grid-column:2; }
  #cascade.hla-cascade-reference .hla-metastatic { grid-column:3; }
  #cascade.hla-cascade-reference .hla-human { grid-column:1/3; }
  #cascade.hla-cascade-reference .hla-adi { grid-column:3; }
  #cascade.hla-cascade-reference .hla-human,#cascade.hla-cascade-reference .hla-adi { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:stretch; }
  #cascade.hla-cascade-reference .hla-human .hla-card-copy,#cascade.hla-cascade-reference .hla-adi .hla-card-copy { padding:24px 18px; }
  #cascade.hla-cascade-reference .hla-brain-stages { margin:9px; align-self:start; }
  #cascade.hla-cascade-reference .hla-adi-photo { margin:9px; align-self:start; }
  #cascade.hla-cascade-reference .hla-metastatic > .hla-flow-arrow { display:none; }
  #cascade.hla-cascade-reference .hla-burden-steps li { overflow-wrap:normal; padding-inline:3px; }
}
@media (max-width:1305px) {
  #cascade.hla-cascade-reference .hla-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #cascade.hla-cascade-reference .hla-emii { grid-column:1; }
  #cascade.hla-cascade-reference .hla-burden { grid-column:2; }
  #cascade.hla-cascade-reference .hla-metastatic { grid-column:1/-1; }
  #cascade.hla-cascade-reference .hla-human { grid-column:1; }
  #cascade.hla-cascade-reference .hla-adi { grid-column:2; }
}
@media (min-width:1200px) and (max-width:1305px) {
  #cascade.hla-cascade-reference .hla-human,#cascade.hla-cascade-reference .hla-adi { display:flex; flex-direction:column; }
  #cascade.hla-cascade-reference .hla-brain-stages { width:218px; max-width:calc(100% - 18px); margin-inline:auto; }
}
@media (max-width:1199px) {
  #cascade.hla-cascade-reference .hla-banner { min-height:340px; }
  #cascade.hla-cascade-reference .hla-banner-copy { width:66%; }
  #cascade.hla-cascade-reference .hla-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #cascade.hla-cascade-reference .hla-emii { grid-column:1; }
  #cascade.hla-cascade-reference .hla-burden { grid-column:2; }
  #cascade.hla-cascade-reference .hla-metastatic { grid-column:1/-1; }
  #cascade.hla-cascade-reference .hla-human { grid-column:1; }
  #cascade.hla-cascade-reference .hla-adi { grid-column:2; }
  #cascade.hla-cascade-reference .hla-human,#cascade.hla-cascade-reference .hla-adi { display:flex; flex-direction:column; }
  #cascade.hla-cascade-reference .hla-flow-arrow { display:none; }
  #cascade.hla-cascade-reference .hla-brain-stages { width:218px; max-width:calc(100% - 18px); margin-inline:auto; }
  #cascade.hla-cascade-reference .hla-burden-steps { grid-template-columns:1fr; min-height:400px; padding:34px 20px; }
  #cascade.hla-cascade-reference .hla-burden-steps li { padding:10px 0; }
  #cascade.hla-cascade-reference .hla-burden-steps li br { display:none; }
  #cascade.hla-cascade-reference .hla-burden-steps .ph { top:auto; bottom:-10px; right:auto; left:50%; transform:translateX(-50%) rotate(90deg); }
  #cascade.hla-cascade-reference .hla-cascade-burden-shape { width:400px; height:100%; max-height:240px; left:50%; top:200px; transform:translate(-50%,-50%) rotate(90deg); }
}
@media (max-width:800px) {
  #cascade.hla-cascade-reference .hla-banner { display:block; min-height:0; padding:0; }
  #cascade.hla-cascade-reference .hla-banner > img { position:relative; width:100%; height:auto; aspect-ratio:2.5; object-fit:cover; z-index:0; }
  #cascade.hla-cascade-reference .hla-banner::before { display:none; }
  #cascade.hla-cascade-reference .hla-banner-copy { position:relative; width:100%; padding:36px var(--hla-gutter); background:linear-gradient(135deg,#18364f,#24475d); }
  #cascade.hla-cascade-reference .hla-framework-inner { padding-block:32px 48px; }
  #cascade.hla-cascade-reference .hla-journey { grid-template-columns:minmax(0,1fr); gap:28px; }
  #cascade.hla-cascade-reference .hla-journey > * { grid-column:1; }
  #cascade.hla-cascade-reference .hla-levels { grid-template-columns:minmax(0,1fr); gap:28px; }
  #cascade.hla-cascade-reference .hla-cascade-branch { display:none; }
  #cascade.hla-cascade-reference .hla-burden { padding:0 20px; }
  #cascade.hla-cascade-reference .hla-burden-steps { min-height:400px; padding-inline:34px; }
  #cascade.hla-cascade-reference .hla-burden-steps li { font-size:23px; }
  #cascade.hla-cascade-reference .hla-cascade-burden-shape { height:calc(100% - 80px); max-height:300px; }
  #cascade.hla-cascade-reference .hla-burden > p { margin-top:12px; }
  #cascade.hla-cascade-reference .hla-exposure-photo strong { font-size:20px; }
  #cascade.hla-cascade-reference .hla-exposure-photo span { font-size:16px; }
  #cascade.hla-cascade-reference .hla-card-copy { padding:24px 20px; }
}
