.bio-explorer{--bio-accent:#1a4731;--bio-tint:#eaf2ed;border:1px solid #ddd8cc;border-radius:24px;overflow:hidden;background:#fffcf7;color:#272d2b;scroll-margin-top:130px}.bio-explorer *{box-sizing:border-box}.bio-explorer button,.bio-explorer input{font:inherit}.bio-explorer button{cursor:pointer}.bio-explorer button:disabled{cursor:default;opacity:.4}.bio-explorer button:focus-visible,.bio-explorer input:focus-visible,.bio-explorer summary:focus-visible,.bio-explorer a:focus-visible{outline:3px solid #318980;outline-offset:4px}.bio-reactions{--bio-accent:#8e4334;--bio-tint:#f7eae3}.bio-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 30px 24px}.bio-explorer .bio-eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--bio-accent);margin:0 0 8px}.bio-header h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(29px,3.3vw,42px)!important;font-weight:400;letter-spacing:-.025em;line-height:1.14;margin:0 0 10px}.bio-header p:last-child{font-size:13px;color:#686d65;line-height:1.7;margin:0}.bio-header-tag{white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.04em;border:1px solid #ddd8cc;padding:9px 12px;border-radius:6px;color:#666b61}.bio-header-tag span{margin-left:10px}.bio-mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:0 30px;gap:8px}.bio-mode-switch button{display:flex;align-items:center;gap:10px;padding:15px 17px;border:1px solid #ddd8cc;border-radius:10px;background:transparent;text-align:left;color:#666b61;font-size:13px;font-weight:700}.bio-mode-switch button[aria-pressed=true]{background:var(--bio-accent);color:#fff;border-color:var(--bio-accent)}.bio-mode-number{font-family:Geist Mono,monospace;opacity:.65;font-size:11px;font-weight:400}.bio-mode-count{margin-left:auto;font-size:10px;font-weight:400;opacity:.85}.bio-pathways{display:flex;flex-wrap:wrap;gap:7px;padding:18px 30px 22px}.bio-pathways button{border:1px solid #deded5;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:600;background:#fffdf9;color:#676a62;min-height:38px}.bio-pathways button:hover{border-color:var(--bio-accent);color:var(--bio-accent)}.bio-pathways button[aria-pressed=true]{color:var(--bio-accent);background:var(--bio-tint);border-color:var(--bio-accent)}.bio-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);border-top:1px solid #ddd8cc;border-bottom:1px solid #ddd8cc}.bio-viewer{position:relative;min-height:490px;background:radial-gradient(ellipse at 35% 40%,#1d3440 0,#101f29 55%,#0a171f);overflow:hidden;isolation:isolate}.bio-scene-heading{position:absolute;top:22px;left:23px;right:23px;z-index:2;display:flex;align-items:center;gap:8px;color:#cedbdf;font-size:10px;letter-spacing:.025em;pointer-events:none}.bio-live-dot{height:5px;width:5px;border-radius:50%;background:#8ac4b0;flex-shrink:0}.bio-scene-badge{margin-left:auto;white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;font-size:8px;border:1px solid #52636b;border-radius:4px;padding:4px 6px}.bio-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.bio-canvas canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-4px}.bio-canvas canvas:active{cursor:grabbing}.bio-canvas canvas:focus-visible{outline:2px solid #71dfdd}.bio-view-tools{position:absolute;right:18px;top:64px;z-index:2;display:flex;flex-direction:column;gap:6px}.bio-view-tools button{height:33px;width:33px;border-radius:6px;border:1px solid #52636b;color:#e0eced;background:#14252dcc;font-size:19px;display:grid;place-items:center}.bio-view-tools button:hover{background:#34505d}.bio-scene-bottom{position:absolute;left:23px;right:23px;bottom:18px;pointer-events:none}.bio-scene-instruction{color:#d0dddf;font-size:10px;margin:0 0 6px}.bio-scale-note{color:#97adb5;text-transform:uppercase;letter-spacing:.12em;font-size:8px;margin:0}.bio-story{background:#f6f4ee;padding:26px 25px 22px}.bio-story h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400!important;letter-spacing:-.02em;font-size:29px!important;line-height:1.12;margin:0 0 12px;color:var(--bio-accent)}.bio-intro{font-size:12px;line-height:1.75;color:#676b63;margin:0}.bio-stages{list-style:none;padding:0;margin:23px 0}.bio-stages li{position:relative;padding:0 0 17px}.bio-stages li:last-child{padding-bottom:0}.bio-stages li:not(:last-child):before{content:"";position:absolute;left:13px;width:1px;background:#d9dcd2;top:30px;bottom:4px}.bio-stages button{display:flex;gap:10px;align-items:center;border:0;background:transparent;color:#777d72;font-size:11px;font-weight:700;padding:0;text-align:left;min-height:30px;width:100%}.bio-step-number{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #d0d5c9;border-radius:50%;font-family:Geist Mono,monospace;font-size:10px;font-weight:400}.bio-stages .is-current button{color:var(--bio-accent)}.bio-stages .is-current .bio-step-number{background:var(--bio-accent);border-color:var(--bio-accent);color:#fff}.bio-stages .is-complete .bio-step-number{background:var(--bio-tint);color:var(--bio-accent)}.bio-stages p{font-size:11px;line-height:1.75;margin:7px 0 0 38px;color:#575f55}.bio-takeaway{padding:12px 0 0;border-top:1px solid #d9dcd2}.bio-takeaway span{display:block;color:var(--bio-accent);text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:800;margin-bottom:5px}.bio-takeaway p{font-size:11px;line-height:1.7;margin:0}.bio-playback{display:flex;align-items:center;gap:22px;padding:19px 25px;border-bottom:1px solid #e6e2d9}.bio-play{display:flex;gap:8px;align-items:center;justify-content:center;min-width:90px;min-height:40px;border:1px solid var(--bio-accent);border-radius:7px;background:var(--bio-accent);color:#fff;font-size:12px!important;font-weight:700!important}.bio-play span{font-size:11px}.bio-scrubber{flex:1;min-width:0}.bio-scrubber-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#646c61}.bio-scrubber-heading output{font-family:Geist Mono,monospace;white-space:nowrap}.bio-scrubber input{display:block;width:100%;margin:9px 0 0;height:16px;accent-color:var(--bio-accent);cursor:pointer}.bio-next{min-height:40px;background:transparent;border:1px solid #dadcd3;border-radius:7px;padding:8px 11px;font-size:11px!important;color:#454e42;white-space:nowrap}.bio-next span{margin-left:7px}.bio-structure-panel{padding:20px 25px 16px}.bio-structure-panel .bio-eyebrow{color:#697162;font-size:9px}.bio-legend{display:flex;flex-wrap:wrap;gap:7px}.bio-legend button{display:flex;gap:7px;align-items:center;padding:7px 9px;min-height:34px;border:1px solid #dddcd2;border-radius:6px;background:transparent;color:#535b4f;font-size:10px}.bio-legend button[aria-pressed=true]{background:var(--bio-tint);border-color:var(--bio-accent);color:var(--bio-accent)}.bio-swatch{height:9px;width:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}.bio-structure-description{min-height:35px;font-size:11px;color:#62695d;line-height:1.7;margin:11px 0 0}.bio-evidence{padding:0 25px 16px;display:flex;gap:14px;align-items:flex-start}.bio-evidence>span{border:1px solid #d8dbd1;border-radius:4px;padding:4px 7px;font-size:9px;color:#5c6555;flex:0 0 210px;line-height:1.6}.bio-evidence p{font-size:10px;line-height:1.7;color:#6c7266;margin:2px 0 0}.bio-sources{margin:0 25px;border-top:1px solid #e1e1d8;padding:13px 0;color:#626b5b;font-size:10px}.bio-sources summary{cursor:pointer;width:fit-content;font-weight:700}.bio-sources ul{padding-left:17px;margin:12px 0 8px;line-height:2}.bio-sources a{text-decoration:underline;text-underline-offset:3px;color:var(--bio-accent)}.bio-sources p{margin:8px 0 0;font-size:10px;line-height:1.7}.bio-footnote{font-size:10px;line-height:1.8;color:#69715f;background:#eeeee5;padding:12px 25px;margin:0;border-top:1px solid #dedfd4}.bio-fallback,.bio-loading{position:absolute;top:80px;right:40px;bottom:80px;left:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#d3e3e5;font-size:13px;gap:13px;line-height:1.7}.bio-fallback .bio-eyebrow{color:#8ed2c0}.bio-fallback h4{font-size:19px;color:#fff;margin:0}.bio-fallback p{margin:0}.bio-fallback button{border:1px solid #9bc6c1;border-radius:6px;padding:7px 13px;background:#183b40;color:#fff}@media (max-width:760px){.bio-header{padding:23px 20px 20px}.bio-header-tag{display:none}.bio-mode-switch{padding:0 20px}.bio-mode-switch button{padding:12px 10px;font-size:11px;gap:6px}.bio-mode-count{display:none}.bio-pathways{padding:15px 20px 18px;gap:6px}.bio-pathways button{padding:8px 9px;font-size:10px}.bio-workspace{grid-template-columns:1fr}.bio-viewer{min-height:390px}.bio-story{padding:23px}.bio-story h3{font-size:28px!important}.bio-stages{margin:20px 0}.bio-stages button,.bio-stages p,.bio-intro{font-size:12px}.bio-playback{padding:16px 20px;gap:13px}.bio-next{font-size:0!important;padding:8px 10px}.bio-next span{font-size:16px;margin:0}.bio-play{min-width:77px}.bio-scrubber-heading{font-size:9px}.bio-evidence{flex-direction:column;gap:8px}.bio-evidence>span{flex:auto}.bio-scene-heading{font-size:9px;left:18px;right:18px}.bio-scene-badge{font-size:7px}.bio-scene-instruction{font-size:9px}}@media (prefers-reduced-motion:reduce){.bio-explorer *{scroll-behavior:auto!important;transition:none!important}}@media print{.bio-viewer,.bio-playback{display:none}.bio-workspace,.bio-stages li p{display:block}}