/* Nepedia Science Studio: purpose-built scenes with a consistent, accessible presentation. */
#science-lab .science-studio-host{--nsl-display:Fredoka,system-ui,sans-serif;--studio-ink:#243b50;--studio-muted:#5d7383;--studio-line:#d3e0e6;--studio-paper:#f8fbfc;--studio-teal:#267e7c;color:var(--nsl-ink)}
#science-lab .science-studio-host .science-walkthrough{padding:15px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;align-items:center;background:linear-gradient(110deg,light-dark(#f0f6fa,#263140),light-dark(#eef8f3,#203a35))}
#science-lab .science-studio-host .science-walkthrough-eyebrow{grid-column:1;font-size:9px;letter-spacing:.13em;margin:0;color:light-dark(#527586,#a9d0d6)}
#science-lab .science-studio-host .science-walkthrough-title{grid-column:1;font-size:20px;line-height:1.25;margin:0;color:var(--nsl-ink)}
#science-lab .science-studio-host .science-walkthrough-text{grid-column:1;grid-row:3;font-size:13px;line-height:1.6;max-width:740px;color:light-dark(#455f72,#c9dce4)}
#science-lab .science-studio-host .science-tour-nav{grid-column:2;grid-row:1/4;margin:0;gap:10px;flex-wrap:nowrap}
#science-lab .science-studio-host .science-tour-nav button{min-height:40px;padding:8px 12px;border-radius:9px;background:light-dark(#fff,#26384b);color:light-dark(#385b70,#e0f0f5);border-color:light-dark(#c6d9e2,#507182)}
#science-lab .science-studio-host .science-tour-count{font-size:10px;white-space:nowrap;color:light-dark(#5c7283,#b8d5de)}
#science-lab .science-studio-host .science-walkthrough[data-guide-mode="explore"]{display:flex;justify-content:flex-end;padding:9px 16px}
#science-lab .science-studio-host .science-walkthrough[data-guide-mode="explore"]>.science-walkthrough-eyebrow,#science-lab .science-studio-host .science-walkthrough[data-guide-mode="explore"]>.science-walkthrough-title,#science-lab .science-studio-host .science-walkthrough[data-guide-mode="explore"]>.science-walkthrough-text{display:none}
#science-lab .science-studio-host .science-playback{padding:11px 20px 9px;gap:6px 15px;grid-template-columns:minmax(0,1fr) auto;background:light-dark(#fff,#202e40)}
#science-lab .science-studio-host .science-playback-label{font-size:15px;line-height:1.3;color:var(--nsl-ink)}
#science-lab .science-studio-host .science-playback-buttons{gap:6px;flex-wrap:nowrap}
#science-lab .science-studio-host .science-playback button{font-size:12px;min-height:42px;border-radius:9px;padding:8px 13px;background:light-dark(#f2f7fa,#2b4053);border-color:light-dark(#c9d9e3,#516d80);color:light-dark(#365367,#e1eef5);white-space:nowrap}
#science-lab .science-studio-host .science-playback .science-play{min-width:95px;background:#267b78;color:#fff;border-color:#267b78}
#science-lab .science-studio-host .science-playback-status{font-size:10px;line-height:1.45;margin:0;min-height:14px;color:var(--nsl-muted)}
#science-lab .science-studio-host .science-seek input{height:21px;accent-color:#428e8a}
#science-lab .science-studio-host .science-visual{background:light-dark(#edf3f7,#172535)}
#science-lab .science-studio-host .science-observation{font-size:13px;line-height:1.55;padding:12px 20px;background:light-dark(#e8f3ed,#243b35);color:light-dark(#325b54,#c9e6db)}
#science-lab .science-studio-host .science-try-title{font-size:16px;padding:15px 20px 0;color:var(--nsl-ink)}
#science-lab .science-studio-host .science-controls{padding:12px 20px 17px;gap:15px 20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:light-dark(#fff,#202e40)}
#science-lab .science-studio-host .science-control-label{font-size:12px;margin-bottom:8px}
#science-lab .science-studio-host .science-control button{font-size:12px;min-height:42px;margin:0 5px 5px 0;padding:8px 12px;border-radius:9px}
#science-lab .nsa-experience{padding:18px;color:#243b50;line-height:1.55;overflow:hidden}
#science-lab .nsa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#science-lab .nsa-panel{min-width:0;background:#f8fbfc;border:1px solid #d4e0e7;border-radius:17px;overflow:hidden;color:#243b50;box-shadow:0 5px 16px #142f4810}
#science-lab .nsa-panel.is-dark{color:#e6f2f7;background:#132c49;border-color:#37546a}
#science-lab .nsa-panel-head{padding:14px 17px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;box-sizing:border-box}
#science-lab .nsa-panel-head h3{font-family:var(--nsl-display);font-size:18px;font-weight:500;letter-spacing:-.015em;line-height:1.3;margin:0;color:inherit}
#science-lab .nsa-panel-head>span{font-size:10px;line-height:1.4;color:#607d8c;max-width:140px;text-align:right}
#science-lab .nsa-panel.is-dark .nsa-panel-head>span{color:#bdd8e3}
#science-lab .nsa-panel>svg{display:block;width:100%;height:auto;max-width:100%;padding:0}
#science-lab .nsa-panel>p{font-size:13px;line-height:1.65;margin:12px 17px;color:inherit}
#science-lab .nsa-panel .science-result{font-family:var(--nsl-display);font-size:20px;line-height:1.4;margin:0;color:#2d6673}
#science-lab .nsa-panel.is-dark .science-result{color:#c8ede9}
#science-lab .nsa-stats{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0 0}
#science-lab .nsa-stats>div{flex:1;min-width:140px;padding:8px 11px;border:1px solid #d1e1e3;border-radius:10px;background:#f6fafb;display:flex;align-items:center;justify-content:space-between;gap:12px}
#science-lab .nsa-stats span{font-size:11px;color:#637c8b;line-height:1.4}
#science-lab .nsa-stats strong{font-size:12px;line-height:1.4;color:#2a6570;text-align:right}
#science-lab .nsa-panel .nsa-stats{margin:14px 17px}
#science-lab .nsa-note{font-size:11px;line-height:1.65;color:#5d7685;margin:12px 2px 0}
#science-lab .nsa-panel .nsa-note{font-size:11px;line-height:1.65;color:#607987;margin:11px 17px 16px}
#science-lab .nsa-panel.is-dark .nsa-note{color:#bdd1de}
#science-lab .nsa-photo{margin:0;padding:10px 15px 15px}
#science-lab .nsa-photo img{display:block;max-width:100%;height:auto;max-height:385px;width:auto;margin:0 auto;border-radius:10px}
#science-lab .nsa-photo figcaption{font-size:11px;line-height:1.6;margin-top:10px;color:#5c7584}
#science-lab .nsa-photo figcaption a{color:#256f7b;text-underline-offset:3px}
@media(min-width:850px){
#science-lab .nsa-grid:has(>.nsa-panel:nth-child(2):not(:has(svg))){grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}
}
@media(max-width:700px){
#science-lab .science-studio-host .science-walkthrough{padding:13px 15px;grid-template-columns:1fr;gap:5px}
#science-lab .science-studio-host .science-walkthrough-title{font-size:19px}
#science-lab .science-studio-host .science-walkthrough-text{grid-row:auto;font-size:13px}
#science-lab .science-studio-host .science-tour-nav{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:5px}
#science-lab .science-studio-host .science-playback{padding:10px 15px 8px;grid-template-columns:1fr;gap:6px}
#science-lab .science-studio-host .science-playback-label{font-size:14px}
#science-lab .science-studio-host .science-playback button{font-size:11px;padding:7px 10px;min-height:44px}
#science-lab .science-studio-host .science-playback .science-play{min-width:90px}
#science-lab .science-studio-host .science-seek,#science-lab .science-studio-host .science-playback-status{grid-column:1}
#science-lab .science-studio-host .science-controls{padding:12px 15px;grid-template-columns:1fr}
#science-lab .science-studio-host .science-try-title{padding:14px 15px 0}
#science-lab .science-studio-host .science-observation{padding:11px 15px;font-size:12px}
#science-lab .nsa-experience{padding:10px}
#science-lab .nsa-grid{grid-template-columns:1fr;gap:10px}
#science-lab .nsa-panel{border-radius:13px}
#science-lab .nsa-panel-head{padding:12px 13px 7px;min-height:46px;gap:8px}
#science-lab .nsa-panel-head h3{font-size:16px}
#science-lab .nsa-panel-head>span{font-size:9px;max-width:100px}
#science-lab .nsa-panel>p{font-size:12px;margin:11px 13px}
#science-lab .nsa-panel .science-result{font-size:18px}
#science-lab .nsa-stats{gap:7px;margin-top:10px}
#science-lab .nsa-stats>div{min-width:0;flex-basis:100%;padding:8px 10px}
#science-lab .nsa-stats span{font-size:10px}
#science-lab .nsa-stats strong{font-size:11px}
#science-lab .nsa-panel .nsa-stats{margin:12px 13px}
#science-lab .nsa-note,#science-lab .nsa-panel .nsa-note{font-size:10px;line-height:1.6;margin:10px 13px 13px}
#science-lab .nsa-experience>.nsa-note{margin:10px 2px 0}
#science-lab .nsa-photo{padding:7px 12px 12px}
#science-lab .nsa-photo figcaption{font-size:10px}
}
/* Dated evidence and construction traces use the shared, seekable playback clock. */
#science-lab .science-studio-host .nsa-quake-event{opacity:1}
#science-lab .science-studio-host .nsa-volcano-layer{stroke-dasharray:1000;stroke-dashoffset:0}
#science-lab .science-studio-host[data-science-active="true"] .nsa-quake-event{animation:nsa-event-reveal .08s steps(1,end) both;animation-delay:calc(var(--nsl-play-duration,16s) * var(--nsa-event-at,0) + var(--nsl-play-offset,0s));animation-play-state:paused}
#science-lab .science-studio-host[data-science-active="true"] .nsa-volcano-layer{animation:nsa-layer-reveal 2.4s ease both;animation-delay:calc(var(--nsl-play-duration,12s) * var(--nsa-layer-at,0) + var(--nsl-play-offset,0s));animation-play-state:paused}
#science-lab .science-studio-host[data-science-active="true"][data-science-playing="true"] .nsa-quake-event,#science-lab .science-studio-host[data-science-active="true"][data-science-playing="true"] .nsa-volcano-layer{animation-play-state:running}
@keyframes nsa-event-reveal{from{opacity:0}to{opacity:1}}
@keyframes nsa-layer-reveal{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
#science-lab .science-studio-host .nsa-quake-event,#science-lab .science-studio-host .nsa-volcano-layer{animation-play-state:paused!important}
}
/* Large desktop stages stay entirely inspectable on a laptop, without distorting SVG proportions. */
#science-lab .nsa-panel>svg{max-height:430px}
#science-lab .science-studio-host .nsa-cloud-trace{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
#science-lab .science-studio-host[data-science-active="true"] .nsa-cloud-trace{opacity:1;animation:nsa-cloud-observe var(--nsl-play-duration,12s) linear both;animation-delay:var(--nsl-play-offset,0s);animation-play-state:paused}
#science-lab .science-studio-host[data-science-active="true"][data-science-playing="true"] .nsa-cloud-trace{animation-play-state:running}
@keyframes nsa-cloud-observe{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:700px){
#science-lab .nsa-panel>svg{max-height:none}
}
@media(prefers-reduced-motion:reduce){
#science-lab .science-studio-host .nsa-cloud-trace{animation-play-state:paused!important}
}