/* Entirely scoped: the experiments do not change the WebGL scene or its controls. */
.science-lab{--sl-ink:#e6edf8;--sl-muted:#a6b4c9;--sl-gold:#f0cb8e;--sl-blue:#98deef;margin:20px 0 28px;color:var(--sl-ink);font-size:16px;line-height:1.65;letter-spacing:0;isolation:isolate}
.science-lab,.science-lab *{box-sizing:border-box}
.science-lab [hidden]{display:none!important}
.science-lab button,.science-lab input{font:inherit}
.science-lab button{min-height:48px;cursor:pointer;border:1px solid #879ab13b;border-radius:11px;color:var(--sl-ink);background:#182536;padding:11px 17px;line-height:1.4;touch-action:manipulation}
.science-lab button:hover{background:#24364a;border-color:#c3d5ee80}
.science-lab button:focus-visible,.science-lab summary:focus-visible,.science-lab [tabindex]:focus-visible,.science-lab input:focus-visible,.science-lab a:focus-visible{outline:3px solid #ffe0a9;outline-offset:4px}
.science-lab-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.science-lab .science-eyebrow{margin:0 0 5px;font-size:11px;letter-spacing:.15em;line-height:1.5;color:#a88d62}
.science-lab h2,.science-lab h3,.science-lab p{margin-top:0}
.science-lab h2{font-size:29px;font-weight:600;letter-spacing:.03em;line-height:1.4;margin-bottom:0}
.science-lab h2>span{font-size:15px;font-weight:400;letter-spacing:0;color:var(--sl-muted);margin-left:14px}
.science-age-note{color:#8498af;font-size:15px;white-space:nowrap}
.science-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#0a111e;border:1px solid #b2c9eb1c;padding:6px;border-radius:16px 16px 0 0}
.science-lab .science-tabs button{border:1px solid transparent;background:transparent;color:#899eb9;border-radius:10px;min-height:58px;font-size:12px;letter-spacing:.06em;padding:11px}
.science-tabs button span{margin-left:7px;font-size:17px;letter-spacing:0;white-space:nowrap}
.science-lab .science-tabs button[aria-selected=true]{background:#233145;color:#ffe3ae;border-color:#ddc29149;box-shadow:inset 0 1px #efdbb914}
.science-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:linear-gradient(130deg,#0e1929,#0b1422);border:1px solid #b2c9eb1c;border-top:0;border-radius:0 0 16px 16px;min-height:430px;overflow:hidden}
.science-art{min-width:0;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#20344c36,transparent 70%);padding:8px}
.science-art::after{content:"";position:absolute;inset:20px 0 20px auto;width:1px;background:linear-gradient(transparent,#b6c8e51c,transparent);pointer-events:none}
.science-art svg{display:block;width:100%;height:auto;max-height:390px;overflow:visible}
.science-size-art svg{width:min(100%,370px);max-height:370px}
.science-art text{font-family:inherit;user-select:none}
.science-svg-label{fill:#c3d0e0;font-size:15px}
.science-svg-small{fill:#acbcd0;font-size:15px}
.science-svg-sun-label{fill:#512d18;font-size:18px;font-weight:600;letter-spacing:.15em}
.science-svg-hero{fill:#ffe1a7;font-size:37px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.025em}
.science-copy{padding:30px 30px 27px;min-width:0}
.science-lab .science-question{color:#a7b8cf;font-size:15px;margin-bottom:9px}
.science-lab .science-copy h3{font-size:24px;line-height:1.55;font-weight:500;letter-spacing:.01em;margin-bottom:12px}
.science-lab .science-copy h3 strong{color:#f2d296;font-weight:600}
.science-copy>p{color:#b6c4d7;font-size:16px;margin-bottom:14px}
.science-lab .science-narrate{font-size:15px;background:#173047;border-color:#75b5d64a;color:#b7e5f4;padding:9px 15px;margin:0 0 18px;min-height:46px}
.science-range-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;line-height:1.5;font-size:15px;color:#becbde}
.science-range-label output{font-size:15px;font-weight:500;color:#e6c995;font-variant-numeric:tabular-nums}
.science-lab input[type=range]{display:block;width:100%;min-height:42px;margin:5px 0 10px;padding:0;accent-color:#ddbd83;cursor:pointer;touch-action:pan-y}
.science-quick{display:flex;gap:10px;flex-wrap:wrap}
.science-lab .science-quick button{font-size:15px;flex:1 1 auto}
.science-lab button.science-primary{background:#d5b57e;border-color:#e8cb98;color:#201b15;font-weight:600}
.science-lab button.science-primary:hover{background:#f0d29e}
.science-lab .science-result{font-size:15px;line-height:1.6;color:#d4c5a7;margin:14px 0 18px;min-height:25px}
.science-why{border-top:1px solid #b4c9e51c}
.science-why summary{font-size:15px;line-height:1.6;cursor:pointer;min-height:48px;padding:13px 0;color:#9db7d0}
.science-why>div{padding:3px 0 4px}
.science-lab .science-why p{font-size:15px;line-height:1.85;color:#afbed2;margin-bottom:14px}
.science-why strong{color:#d9e2ee;font-weight:600}
.science-lab .science-formula{font-size:16px;line-height:1.9;background:#91accc0c;border-left:2px solid #ceb27c;padding:12px 15px;color:#d9c6a2;font-variant-numeric:tabular-nums}
.science-lab .science-source{font-size:15px;color:#819ab6;padding-top:8px}
.science-source a{color:#97cddd;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.science-comet-map{user-select:none}
.science-comet-map [data-comet-handle]{cursor:grab;touch-action:none}
.science-comet-map [data-comet-handle]:active{cursor:grabbing}
.science-comet-map [data-comet-handle]:focus{outline:none}
.science-comet-map [data-comet-handle]:focus-visible .science-comet-hit{stroke:#ffe2a8;stroke-width:2;stroke-dasharray:4 5}
.science-missions{padding:24px 2px 0}
.science-missions-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.science-lab .science-missions h3{font-size:21px;font-weight:500;margin-bottom:0;line-height:1.5}
.science-missions-heading output{font-size:15px;color:#e6c58d;white-space:nowrap}
.science-missions ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
.science-missions li{display:flex;align-items:center;gap:12px;padding:19px 16px;background:#101c2b;border:1px solid #b1c5e021;border-radius:13px;min-width:0;flex-wrap:wrap}
.science-badge-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #6e839a66;flex:0 0 auto;border-radius:50%;font-size:25px;color:#7e95ad;background:#18283c}
.science-missions li>div{display:flex;flex-direction:column;flex:1;min-width:105px;gap:2px}
.science-missions strong{font-size:17px;font-weight:500;color:#d3deec}
.science-mission-state{font-size:15px;color:#8399b3}
.science-missions small{font-size:15px;color:#9fb1c8;line-height:1.65}
.science-lab .science-missions li button{background:transparent;font-size:15px;min-height:44px;padding:8px 12px;width:100%}
.science-missions li[data-complete=true]{background:linear-gradient(125deg,#26261f,#172333);border-color:#c9af773e}
.science-missions li[data-complete=true] .science-badge-icon{border-color:#e4c17a8c;color:#f5d496;background:#d4b57812;box-shadow:0 0 20px #e9b6540b}
.science-missions li[data-complete=true] .science-mission-state{color:#dfc794}
.science-missions-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}
.science-lab .science-missions-foot p{font-size:15px;color:#8297b1;margin:0}
.science-lab .science-missions-foot button{font-size:15px;background:transparent;border-color:transparent;color:#97abc2;min-height:44px;padding:8px 4px;flex:0 0 auto}
.science-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1000px){
  .science-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}
  .science-copy{padding:26px 22px}
  .science-lab .science-copy h3{font-size:22px}
  .science-missions li{padding:17px 13px;gap:9px}
  .science-age-note{display:none}
}
@media(max-width:720px){
  .science-lab{margin-top:23px;font-size:16px}
  .science-lab-heading{margin-bottom:16px}
  .science-lab h2{font-size:26px}
  .science-lab h2>span{display:block;margin-left:0;margin-top:5px;font-size:15px}
  .science-panel{grid-template-columns:1fr}
  .science-art{min-height:245px;padding:12px 12px 0}
  .science-size-art{min-height:305px;padding:15px 10px 0}
  .science-size-art svg{width:min(100%,310px)}
  .science-art::after{display:none}
  .science-light-art svg,.science-comet-art svg{max-height:300px}
  .science-copy{padding:19px 22px 20px}
  .science-lab .science-copy h3{font-size:24px;margin-bottom:10px}
  .science-lab .science-question{font-size:15px}
  .science-lab .science-tabs button{padding:10px 3px;min-height:58px;font-size:10px;letter-spacing:0}
  .science-tabs button span{font-size:16px;margin-left:4px}
  .science-missions ul{grid-template-columns:1fr;gap:9px}
  .science-missions li{flex-wrap:nowrap;gap:13px;padding:16px}
  .science-lab .science-missions li button{width:auto;font-size:15px;white-space:nowrap;padding:9px 10px}
  .science-missions li>div{min-width:0}
  .science-missions small{font-size:15px}
  .science-missions-foot{align-items:flex-start}
}
@media(max-width:410px){
  .science-tabs{gap:3px;padding:5px}
  .science-lab .science-tabs button{font-size:0}
  .science-tabs button span{font-size:16px;margin-left:0}
  .science-copy{padding:17px 17px 19px}
  .science-lab .science-copy h3{font-size:23px}
  .science-quick{gap:8px}
  .science-lab .science-quick button{padding:12px 10px}
  .science-missions li{padding:15px 12px;gap:10px}
  .science-badge-icon{width:37px;height:37px;font-size:23px}
  .science-missions strong{font-size:16px}
  .science-missions small{font-size:15px}
  .science-lab .science-missions li button{font-size:15px;padding:8px}
  .science-lab .science-missions h3{font-size:19px}
  .science-missions-heading output{font-size:14px}
  .science-missions-foot{flex-direction:column;gap:0}
}
@media(prefers-reduced-motion:reduce){
  .science-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}