/* The biology exhibit extends HALE; it does not recolor the other sites. */
#hale .hale-hero.hb-enabled{display:block;padding:0;min-height:0;background:#0a1919;color:#f3f5e9}
.hb-observatory{--hb-hue:165;--hb-active:#ff9d9d;position:relative;isolation:isolate;padding:70px var(--pad) 32px;background:#0a1919;color:#f3f5e9;overflow:clip;font-family:'Inter Tight',sans-serif;line-height:1.5}
.hb-observatory *{box-sizing:border-box}
.hb-observatory ::selection{background:#f2c17e;color:#132724}
.hb-observatory :is(button,input,a):focus-visible{outline:3px solid #ffd27e;outline-offset:5px}
.hb-observatory a{color:#bcebd9;text-decoration:underline;text-underline-offset:4px}
.hb-observatory a:hover{color:#fff4cd}
.hb-field{position:absolute;inset:0 0 auto;height:1040px;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 72% 37%,hsl(var(--hb-hue) 57% 25% / .8),transparent 66%),radial-gradient(ellipse at 26% 68%,hsl(calc(var(--hb-hue) + 75) 43% 17% / .55),transparent 58%)}
.hb-field::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1919eb 1%,#0a1919a3 32%,transparent 67%),linear-gradient(0deg,#0a1919,transparent 25%);pointer-events:none}
.hb-dna{display:block;width:100%;height:100%;overflow:visible;opacity:.83}
.hb-dna .hb-bonds line{stroke:#91d7c8;stroke-opacity:.45;stroke-width:3}
.hb-dna .hb-bonds .hb-hydrogen{stroke:#eee6bd;stroke-opacity:.45;stroke-width:2;stroke-dasharray:5 5}
.hb-dna .hb-node-code{fill:#142727;stroke:none;font:500 12px 'JetBrains Mono',monospace}
.hb-dna-callouts path{fill:none;stroke:#c4ddd3;stroke-width:1;stroke-opacity:.6}
.hb-dna-callouts text{fill:#edf2e4;stroke:none;font:500 15px 'Inter Tight',sans-serif}
.hb-exhibit{position:relative;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:40px;align-items:start}
.hb-left{min-width:0;position:relative;z-index:2}
#hale .hb-enabled .hale-copy{opacity:1;transform:none;position:relative}
#hale .hb-enabled .hale-copy h2{font-size:clamp(44px,4.7vw,72px);line-height:1.03;letter-spacing:-.035em;color:#f3f5e9;margin:0 0 24px;font-weight:200;text-wrap:balance}
#hale .hb-enabled .hale-copy>p:first-of-type{color:#c7dfd7;font-size:17px;line-height:1.55;font-weight:400;max-width:40ch}
#hale .hb-enabled .hale-age{margin-top:24px!important;gap:16px;color:#d4e5db;min-height:60px;align-items:center;flex-wrap:wrap}
#hale .hb-enabled .hale-age strong{font-size:48px;font-weight:300;color:#f1ebd7}
#hale .hb-enabled .hale-age span{color:#c5dfd4;font-size:12px;line-height:1.7;letter-spacing:.06em}
.hb-touchbox{margin-top:32px;padding:20px;border:1px solid #66867a;background:#122824df;cursor:crosshair}
.hb-observatory h3{font-family:inherit;letter-spacing:-.025em;color:#f3f5e9;text-wrap:balance}
.hb-touchbox h3{font-size:23px;font-weight:400;margin:0 0 6px}
.hb-touchbox>p{font-size:14px;line-height:1.5;color:#c1dacf;margin:0 0 16px}
.hb-system-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
@media(max-width:380px),(min-width:851px) and (max-width:1100px){.hb-system-buttons{grid-template-columns:1fr}}
.hb-system-buttons button{display:flex;align-items:center;gap:9px;min-height:44px;min-width:0;border:1px solid #546e66;padding:9px 10px;background:#112421;color:#e5f0e8;font:500 15px 'Inter Tight',sans-serif;text-align:left;cursor:pointer;border-radius:2px}
.hb-system-buttons button[aria-pressed="true"]{background:#26423a;border-color:var(--system-color);color:#fff7e7}
.hb-system-buttons button:hover{background:#2b493e}
.hb-system-buttons small{margin-left:auto;color:#cee0d8;font-size:12px;font-weight:400}
.hb-system-mark{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--system-color)}
.hb-disclosure{font-size:13px;line-height:1.5;margin:16px 0 10px;color:#c5dfd4;max-width:52ch}
.hb-emergency{font-size:12px;line-height:1.5;margin:0;color:#ebd1a5}
.hb-human{position:relative;min-width:0;height:780px;margin:0;align-self:center}
.hb-body{position:absolute;inset:-20px 0 40px;transform-origin:50% 55%}
.hb-body .hb-anatomy{width:100%;height:100%!important}
.hb-human figcaption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:14px;color:#e4eee4;line-height:1.5}
.hb-human figcaption span{font-size:12px;color:#bdd7cc}
.hb-vital{position:absolute;z-index:1;min-width:112px;max-width:150px;padding:12px 0 8px;border-top:1px solid currentColor;font-family:'Inter Tight',sans-serif;background:#102622d9}
.hb-vital>span,.hb-vital small{display:block;font-size:12px;line-height:1.5}
.hb-vital strong{display:block;font:300 42px/1.2 'Inter Tight',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hb-vital-heart{left:0;top:35%;color:#ffb5b4}
.hb-vital-thyroid{right:0;top:20%;color:#ffe0a2}
.hb-vital svg{display:block;width:112px;height:32px;margin-top:5px}
.hb-vital svg path{fill:none;stroke:#ffb5b4;stroke-width:1.8}
.hb-vital .hb-lab-indicator{font-size:10px;color:#ebdcba;margin-top:6px}
.hb-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;position:relative;margin-top:64px;padding:36px 0 44px;border-top:1px solid #547569;border-bottom:1px solid #547569}
.hb-monitor,.hb-education{min-width:0}
.hb-monitor-title{display:flex;justify-content:space-between;align-items:start;gap:16px}
.hb-monitor-title>div>span{font-size:23px;color:#edf1e6}
.hb-monitor-title small{display:block;margin-top:4px;font-size:12px;color:#bbd6ca}
.hb-monitor-title p{margin:0;display:flex;align-items:baseline;gap:9px;color:var(--hb-active);white-space:nowrap}
.hb-monitor-title strong{font:300 42px/1.1 'Inter Tight',sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.hb-monitor-title p>span{font:12px 'JetBrains Mono',monospace}
.hb-chart{display:block;width:100%;height:auto;margin-top:20px;overflow:visible}
.hb-chart-grid path{fill:none;stroke:#73988b;stroke-width:.6;stroke-opacity:.4}
.hb-chart .hb-trend{fill:none;stroke:var(--hb-active);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.hb-chart .hb-lab-points circle{fill:var(--hb-active);stroke:#0a1919;stroke-width:2}
.hb-axis{display:flex;justify-content:space-between;gap:12px;font:11px/1.5 'JetBrains Mono',monospace;color:#c2d9cc}
.hb-chart-caption,.hb-lab-values{font-size:12px;color:#c4dacd;line-height:1.65;margin:12px 0 0;font-variant-numeric:tabular-nums}
.hb-education h3{font-size:clamp(26px,2.3vw,34px);font-weight:300;line-height:1.16;margin:0 0 18px;max-width:26ch}
.hb-education>p{font-size:16px;line-height:1.65;color:#d0e1d6;margin:0 0 18px}
.hb-education .hb-caution{font-size:13px;color:#d2d8c3}
.hb-education>a{font-size:13px}
.hb-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hb-dna-lab{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;position:relative;padding:64px 0 42px}
.hb-dna-copy,.hb-molecular-inspector{min-width:0}
.hb-dna-copy h3{font-size:clamp(30px,3vw,42px);font-weight:300;line-height:1.08;margin:0 0 22px}
.hb-dna-copy>p{font-size:16px;line-height:1.65;color:#cde0d4;margin:0 0 16px;max-width:44ch}
.hb-dna-copy .hb-schematic{font-size:12px;color:#c9d2bd}
.hb-science-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;padding-top:4px}
.hb-molecular-inspector{padding:23px 24px 26px;background:#152b28;border:1px solid #69837a;cursor:crosshair}
.hb-molecular-inspector>label{display:block;font-size:15px;color:#e5eddf}
.hb-molecular-inspector output{font-variant-numeric:tabular-nums;color:#ffdc9e}
.hb-molecular-inspector input[type=range]{display:block;width:100%;min-width:0;min-height:44px;margin:3px 0 10px;accent-color:#e8be7e;cursor:ew-resize}
.hb-pair{display:block;width:100%;height:auto;overflow:visible;margin:8px 0 18px}
.hb-pair text{fill:#e6eedf;stroke:none;font:17px 'Inter Tight',sans-serif}
.hb-pair path{fill:none;stroke:#bed2c4;stroke-width:1.5}
.hb-pair .hb-covalent{stroke:#8ebeb0;stroke-width:3}
.hb-pair .hb-pair-hydrogen{stroke:#edcf92;stroke-width:2;stroke-dasharray:5 5}
.hb-pair .hb-pair-code{fill:#152727;font:500 17px 'JetBrains Mono',monospace}
.hb-pair .hb-bond-name,.hb-pair .hb-strand{fill:#c9ddd0;font-size:16px}
.hb-molecule-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hb-molecule-buttons button{min-height:44px;min-width:0;background:transparent;color:var(--molecule-color);border:1px solid #667d73;font:400 13px/1.25 'Inter Tight',sans-serif;padding:7px 4px;cursor:pointer;border-radius:2px}
.hb-molecule-buttons button[aria-pressed=true]{border-color:var(--molecule-color);background:#2a453c}
.hb-molecule-buttons button:hover{background:#2d483f}
.hb-molecule-fact{margin:20px 0 0;font-size:14px;line-height:1.55;min-height:112px;color:#ccdfd3}
.hb-molecule-fact strong{display:block;font-weight:500;color:#f2ebd6;margin-bottom:5px;font-size:18px}
.hb-original{position:relative;display:flex;align-items:center;gap:24px;border-top:1px solid #456559;padding:24px 0 0}
.hb-original>p{font-size:18px;color:#e6eadb;margin:0;max-width:52ch;line-height:1.5}
.hb-original>p span{font-size:13px;color:#c1d4c7}
.hb-legacy{position:relative;flex:0 0 134px;width:134px;height:134px;background:#f4eadc;border-radius:50%}
#hale .hb-legacy .hale-blob,#hale .hb-legacy .fx-orbit{position:absolute;inset:8px;width:118px;height:118px;margin:0;max-width:none;opacity:1}
@media(max-width:1100px){.hb-observatory{padding-top:50px}.hb-exhibit{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hb-human{height:720px}.hb-vital{min-width:100px;max-width:118px}.hb-vital strong{font-size:36px}.hb-reading{gap:32px}.hb-dna-lab{gap:30px}.hb-molecular-inspector{padding:20px 18px}.hb-system-buttons button{font-size:14px;gap:6px}.hb-system-buttons small{font-size:12px}}
/* Give the DNA inspector a full row before its labels become too small. */
@media(min-width:851px) and (max-width:1100px){.hb-dna-lab{grid-template-columns:1fr;gap:24px}.hb-dna-copy>p{max-width:64ch}.hb-dna-copy h3 br{display:none}}
@media(max-width:850px){.hb-observatory{padding:42px 24px 26px}.hb-exhibit{display:flex;flex-direction:column;gap:0}.hb-left{display:contents}.hb-left [data-hb-copy]{order:0}.hb-human{order:1;height:650px;width:100%;max-width:580px;margin:22px auto}.hb-touchbox{order:2;width:100%;margin-top:8px}.hb-disclosure{order:3}.hb-emergency{order:4}.hb-body{inset:0 0 40px}.hb-field{height:1400px}.hb-field::after{background:linear-gradient(0deg,#0a1919,transparent 30%),linear-gradient(180deg,#0a1919c9,transparent 46%)}.hb-reading{grid-template-columns:1fr;margin-top:40px;gap:36px}.hb-dna-lab{grid-template-columns:1fr;gap:24px;padding-top:44px}.hb-dna-copy>p{max-width:64ch}.hb-dna-copy h3 br{display:none}.hb-pair text{font-size:17px}.hb-vital-heart{top:35%}.hb-vital-thyroid{top:19%}#hale .hb-enabled .hale-copy h2{font-size:clamp(42px,8vw,64px);max-width:13ch}.hb-education h3{max-width:32ch}}
@media(max-width:450px){.hb-observatory{padding:34px 18px 22px}.hb-human{height:525px;margin:18px auto}.hb-vital{min-width:90px;max-width:104px;padding-top:8px}.hb-vital strong{font-size:32px}.hb-vital>span,.hb-vital small{font-size:10px}.hb-vital svg{width:88px}.hb-vital .hb-lab-indicator{font-size:9px}.hb-touchbox{padding:16px}.hb-system-buttons button{padding:9px 8px}.hb-molecular-inspector{padding:16px 12px}.hb-molecule-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-pair text{font-size:20px}.hb-pair .hb-bond-name,.hb-pair .hb-strand{font-size:18px}.hb-monitor-title strong{font-size:36px}.hb-monitor-title>div>span{font-size:22px}.hb-original{gap:16px}.hb-legacy{flex-basis:88px;width:88px;height:88px}#hale .hb-legacy .hale-blob,#hale .hb-legacy .fx-orbit{inset:4px;width:80px;height:80px}.hb-original>p{font-size:16px}.hb-original>p span{font-size:12px}}
/* Keep the measurements with the body, not between it and the copy. */
.hb-human{display:grid;grid-template-columns:minmax(0,340px) 192px;justify-content:end;column-gap:16px;row-gap:16px;height:auto;align-items:center}
.hb-human .hb-body{position:relative;inset:auto;min-width:0;height:740px;grid-column:1;grid-row:1}
.hb-human figcaption{position:static;grid-column:1 / -1;width:auto}
.hb-vitals-rail{grid-column:2;grid-row:1;min-width:0;align-self:center;background:#102622ed;padding:0 12px}
.hb-rail-disclosure{font-size:13px;line-height:1.5;color:#d4e5db;margin:0 0 12px}
.hb-vitals-rail .hb-vital{position:static;min-width:0;max-width:none;padding:12px 0;background:none}
.hb-vitals-rail .hb-vital>span,.hb-vitals-rail .hb-vital small,.hb-vitals-rail .hb-lab-indicator{font-size:12px;line-height:1.5}
.hb-vitals-rail .hb-vital strong{font-size:36px;white-space:nowrap}
.hb-vitals-rail .hb-vital strong span{font-size:22px;margin-left:3px}
.hb-vitals-rail .hb-vital svg{width:100%;height:36px}
.hb-vitals-rail .hb-vital a{display:inline-block;font-size:12px;line-height:1.5;margin-top:6px}
.hb-vital-pressure{color:#e5dfb7}.hb-vital-oxygen{color:#9edcff}
@media(min-width:851px) and (max-width:1200px){.hb-exhibit{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.hb-human{grid-template-columns:minmax(0,340px) 176px;column-gap:8px}.hb-human .hb-body{height:700px}.hb-vitals-rail{padding:0 8px}}
@media(max-width:850px){.hb-human{height:auto;max-width:680px}.hb-human .hb-body{height:640px}}
@media(max-width:600px){.hb-human{grid-template-columns:minmax(0,1fr);gap:16px}.hb-human .hb-body{height:520px}.hb-vitals-rail{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;padding:16px}.hb-rail-disclosure{grid-column:1 / -1}.hb-human figcaption{grid-row:3}}
@media(max-width:360px){.hb-vitals-rail{grid-template-columns:1fr}.hb-human .hb-body{height:460px}}
@media(prefers-reduced-motion:reduce){.hb-observatory *{transition:none!important;animation:none!important}}
html[data-motion=paused] .hb-observatory *{transition:none!important;animation-play-state:paused!important}