/* Data-driven molecular workbench. Controls sit outside the molecular viewport. */
.science-section{padding:90px 0 65px;background:#f3f1e8;color:#17332f;scroll-margin-top:100px}
.science-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-bottom:34px}
.science-heading .eyebrow{font:10px/1.6 ui-monospace,monospace;color:#647c70;letter-spacing:.09em;margin:0 0 20px}
.science-heading h2{font:500 clamp(2.5rem,4.4vw,4.2rem)/1.06 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
.science-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#5a7562}
.science-heading>p{max-width:390px;font:14px/1.9 Manrope,sans-serif;color:#607067;margin:0 0 3px}
.science-article-note{font-size:12px;line-height:1.8;color:#657469;border-left:2px solid #a5b09c;padding-left:16px;margin:0 0 28px;max-width:800px}
.science-tabs{display:flex;gap:6px;flex-wrap:wrap;border-block:1px solid #cbd1c3;padding:12px 0;margin-bottom:23px}
.science-tabs button{padding:14px 20px;border:1px solid transparent;border-radius:6px;background:transparent;color:#536a5e;font:600 13px/1.4 Manrope,sans-serif;cursor:pointer;display:flex;gap:19px;align-items:center}
.science-tabs button>span{font:9px/1 ui-monospace,monospace;opacity:.65}
.science-tabs button[aria-pressed="true"]{background:#183c34;color:#f6f1df}
.science-tabs button:hover{border-color:#829782}
.science-workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);border:1px solid #c8d0c1;border-radius:12px;overflow:hidden;background:#fbfaf3;box-shadow:0 20px 50px -40px #1e473440}
.science-visual{min-width:0;background:#e7ecdf;border-right:1px solid #c4d0bd}
.science-instrument{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;background:#12302e;border-bottom:1px solid #48655b;color:#ccdbce;font:9px/1.7 ui-monospace,monospace;letter-spacing:.045em}
.science-instrument>span:last-child{text-align:right;color:#a6c0b0}
.science-stage{height:570px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 46% 40%,#1b3c38 0%,#0d2728 85%)}
.science-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;visibility:hidden;touch-action:pan-y!important;cursor:grab;outline:none}
.science-canvas:active{cursor:grabbing}
.science-canvas:focus-visible{outline:2px solid #cbbd87;outline-offset:-6px}
.science-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.science-section[data-sci-state="ready"] .science-canvas{visibility:visible}
.science-section[data-sci-state="ready"] .science-fallback{display:none}
.science-view-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px}
.science-view-tools>span{font:10px/1.6 Manrope,sans-serif;color:#496553}
.science-view-tools>div{display:flex;gap:6px;flex:none}
.science-view-tools button{width:36px;height:36px;border-radius:50%;border:1px solid #acb99f;background:#f0f3e7;color:#33543b;font-size:20px;cursor:pointer}
.science-render-controls{padding:0 22px 8px}
.science-control-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:0 0 9px}
.science-control-row>span{font:9px/1.5 ui-monospace,monospace;color:#536d56;min-width:104px}
.science-control-row button,.science-inspector-actions button{border:1px solid #b4c2a8;border-radius:5px;background:#eff3e7;color:#416047;padding:9px 10px;min-height:36px;font:500 10px/1.4 Manrope,sans-serif;cursor:pointer}
.science-control-row button[aria-pressed="true"]{background:#355e46;border-color:#355e46;color:#f4f2dd}
.science-section button:focus-visible,.science-section select:focus-visible,.science-section input:focus-visible{outline:2px solid #518264;outline-offset:3px}
.science-section button:disabled,.science-section select:disabled{cursor:default;opacity:.55}
.science-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 22px;padding:3px 0 12px;font:9px/1.6 ui-monospace,monospace;color:#48604c}
.science-legend span{display:flex;gap:5px;align-items:center}
.science-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #25483520}
.science-legend .swatch-helix{background:#60bda9}.science-legend .swatch-sheet,.science-legend .swatch-nonpolar{background:#d8b66f}.science-legend .swatch-coil{background:#eee8d4}.science-legend .swatch-polar{background:#64c9b7}.science-legend .swatch-basic{background:#87b7eb}.science-legend .swatch-acidic{background:#ed9385}.science-legend .swatch-C{background:#3f6866}.science-legend .swatch-O{background:#d36750}.science-legend .swatch-N{background:#537fc1}.science-legend .swatch-S{background:#dab24e}.science-legend .swatch-Zn{background:#b8a5d7}
.science-static-note{margin:0;padding:14px 22px;font:10px/1.7 Manrope,sans-serif;color:#d2dfcf;background:#12302e}.science-section[data-sci-state="ready"] .science-static-note{display:none}
.science-progress{display:flex;align-items:center;gap:13px;margin:0 22px;padding:16px 0;border-top:1px solid #b8c7af}
.science-progress>button{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:#224d39;color:#f5f2dc;font-size:16px;cursor:pointer}
.science-progress>label{flex:1;min-width:0;font:10px/1.5 Manrope,sans-serif;color:#49604b}
.science-progress>label>span{display:block;margin-bottom:8px}
.science-progress input{width:100%;display:block;height:18px;margin:0;accent-color:#3d724d;cursor:ew-resize}
.science-progress>output{min-width:50px;text-align:right;font:10px/1.5 ui-monospace,monospace;color:#42604a}
.science-motion-note{font:9px/1.8 ui-monospace,monospace;color:#5b6f56;margin:0;padding:0 22px 17px}
.science-sequence{padding:16px 22px 22px;border-top:1px solid #bdcbb4}
.science-dock-title{display:flex;justify-content:space-between;gap:16px;font:9px/1.6 ui-monospace,monospace;color:#5c7459;margin-bottom:12px;letter-spacing:.035em}
.science-residues{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:3px}
.science-residues button{min-width:0;padding:6px 0;border:1px solid #c3d0b9;background:#f0f3e9;border-radius:4px;cursor:pointer;color:#385943}
.science-residues button>span{display:block;font:600 12px/1.3 ui-monospace,monospace}
.science-residues button>small{display:block;font:7px/1.5 ui-monospace,monospace;opacity:.7;margin-top:2px}
.science-residues button[aria-pressed="true"]{background:#beaa68;border-color:#8b793b;color:#243b2b}
.science-residues button[data-revealed="false"]{opacity:.4}
.science-residues button[data-frontier="true"]{box-shadow:inset 0 -3px #66886b}
.science-information{padding:30px;min-width:0}
.science-index{font:9px/1.6 ui-monospace,monospace;letter-spacing:.1em;color:#73816b;margin:0 0 17px}
.science-information h3{font:italic 2.1rem/1.12 Georgia,serif;letter-spacing:-.035em;color:#315341;margin:0 0 17px}
.science-intro,.science-explanation{font:12px/1.85 Manrope,sans-serif;color:#546653;margin:0 0 22px}
.science-metrics{display:flex;gap:32px;padding:15px 0 20px;border-block:1px solid #dce0d1;margin-bottom:22px}
.science-metrics strong{display:block;font:500 22px/1.2 Manrope,sans-serif;color:#36573c}
.science-metrics span{display:block;font:9px/1.6 ui-monospace,monospace;color:#6c7c61;margin-top:6px}
.science-modes,.science-workflow{display:flex;flex-direction:column;gap:6px;margin:0 0 20px}
.science-modes button,.science-workflow button{display:grid;grid-template-columns:18px 1fr;gap:4px 9px;text-align:left;border:1px solid #d1dbca;border-radius:6px;padding:13px 12px;background:#edf1e6;color:#496242;cursor:pointer}
.science-modes button>span,.science-workflow button>span{grid-row:1/3;font:9px/1.7 ui-monospace,monospace;opacity:.65;padding-top:2px}
.science-modes strong,.science-workflow strong{font:600 12px/1.5 Manrope,sans-serif}
.science-modes small{font:9px/1.6 Manrope,sans-serif;opacity:.8}
.science-modes button[aria-pressed="true"],.science-workflow button[aria-pressed="true"]{background:#284e39;border-color:#284e39;color:#f1efdb}
.science-ai-note{border-top:1px solid #d6ddcb;padding-top:17px;margin:24px 0 17px}
.science-ai-note>strong{font:600 11px/1.6 Manrope,sans-serif;color:#416047}
.science-ai-note>p{font:11px/1.85 Manrope,sans-serif;color:#68785d;margin:8px 0 12px}
.science-ai-note>a,.science-source{font:10px/1.7 Manrope,sans-serif;color:#466b49;text-underline-offset:4px;text-decoration:underline}
.science-select-label,.science-inspector label{font:10px/1.8 Manrope,sans-serif;color:#58704f;display:block}
.science-select-label select,.science-inspector select{display:block;width:100%;border:1px solid #b9c7ac;background:#f2f4e8;color:#31573b;padding:12px 9px;margin:7px 0 18px;border-radius:5px;font:12px/1.4 Manrope,sans-serif}
.science-molecule-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding:17px 0;border-block:1px solid #d9dfce;margin:0 0 20px}
.science-molecule-facts strong{display:block;font:500 17px/1.3 Manrope,sans-serif;color:#3c5c41;overflow-wrap:anywhere}
.science-molecule-facts span{display:block;font:9px/1.6 ui-monospace,monospace;color:#778568;margin-top:4px}
.science-step-copy{font:12px/1.85 Manrope,sans-serif;color:#52674e}
.science-step-copy strong{display:block;font:600 12px/1.6 Manrope,sans-serif;color:#385c40;margin:0 0 7px}
.science-step-copy p{margin:0 0 10px;font:inherit}
.science-step-copy a{font-size:10px;color:#456b46;text-underline-offset:4px}
.science-contact-control{margin:23px 0}
.science-contact-control label{font:11px/1.5 Manrope,sans-serif;color:#416246;display:block}
.science-contact-control output{float:right;font:11px/1.5 ui-monospace,monospace}
.science-contact-control input{width:100%;display:block;accent-color:#4d7653;margin:12px 0 9px}
.science-contact-control>p{font:9px/1.8 Manrope,sans-serif;color:#6b7c61;margin:0}
.science-contact-list{list-style:none;margin:13px 0 0;padding:0}
.science-contact-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #e0e5d5;font:9px/1.5 ui-monospace,monospace;color:#587050}
.science-contact-list li>strong{font-weight:500;white-space:nowrap;color:#886e34}
.science-inspector{margin-top:27px;padding:18px 17px;border:1px solid #d0d9c4;border-radius:7px;background:#f0f3e8}
.science-inspector>.science-index{margin-bottom:11px}
[data-sci-selection]{font:11px/1.85 Manrope,sans-serif;color:#526f4e;min-height:56px}
[data-sci-selection] strong{display:block;font:600 15px/1.5 Manrope,sans-serif;color:#355c3e;margin-bottom:4px}
.science-inspector-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.science-inspector-actions button{font-size:9px;padding:8px}
.science-footnote{font:9px/1.85 ui-monospace,monospace;color:#788472;max-width:900px;margin:22px 0 0}
.science-article{padding:45px 25px 30px;border-radius:12px;margin-top:45px}
.science-article .science-heading h2{font-size:2.8rem}
.science-section [hidden]{display:none!important}
.science-section:not([data-sci-state="ready"]) :is(.science-view-tools,.science-render-controls,.science-progress,.science-legend){visibility:hidden}
@media(max-width:1100px){.science-workbench{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.science-information{padding:25px 21px}.science-stage{height:520px}.science-control-row>span{width:100%;margin-bottom:2px}.science-residues{grid-template-columns:repeat(13,minmax(0,1fr))}}
@media(max-width:900px){.science-workbench{grid-template-columns:1fr}.science-visual{border-right:0;border-bottom:1px solid #c4d0bd}.science-stage{height:540px}.science-residues{grid-template-columns:repeat(19,minmax(0,1fr))}.science-information{padding:30px}.science-modes,.science-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.science-information h3{font-size:2.4rem}.science-ai-note,.science-intro,.science-explanation{max-width:700px}.science-heading{gap:35px}.science-heading>p{font-size:13px}}
@media(max-width:600px){.science-section{padding:60px 0 42px}.science-heading{grid-template-columns:1fr;gap:23px}.science-heading h2{font-size:2.6rem}.science-tabs{gap:3px}.science-tabs button{padding:11px 9px;gap:5px;font-size:10px;flex:1;justify-content:center}.science-tabs button>span{display:none}.science-instrument{padding:13px 15px;gap:10px;font-size:8px}.science-stage{height:390px}.science-view-tools{padding:10px 15px}.science-view-tools>span{font-size:9px}.science-render-controls{padding-inline:15px}.science-control-row button{font-size:9px;padding:9px}.science-legend,.science-progress{margin-inline:15px}.science-motion-note{padding-inline:15px;font-size:8px}.science-sequence{padding:15px}.science-residues{grid-template-columns:repeat(10,minmax(0,1fr))}.science-residues button{padding:7px 0}.science-residues button>span{font-size:12px}.science-residues button>small{font-size:8px}.science-information{padding:26px 20px}.science-information h3{font-size:2.05rem}.science-intro,.science-explanation{font-size:13px}.science-modes,.science-workflow{grid-template-columns:1fr}.science-modes button{padding:14px 12px}.science-ai-note>p,.science-step-copy{font-size:12px}.science-article{padding:32px 10px 24px;margin-inline:-8px}.science-article .science-heading h2{font-size:2.25rem}.science-article .science-information{padding:24px 15px}.science-inspector{padding:17px 13px}}
@media(max-width:374px){.science-stage{height:330px}.science-tabs button{font-size:9px;padding-inline:5px}.science-residues{grid-template-columns:repeat(8,minmax(0,1fr))}.science-dock-title{font-size:8px}.science-heading h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.science-section *{transition:none!important}}
.science-legend .swatch-H{background:#e9e9dd}.science-legend .swatch-ligand{background:#c7a258}.science-legend .swatch-context{background:#8ca497}
.science-annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.science-annotations path{fill:none;stroke:#e1aa3b;stroke-width:.6;opacity:.6}.science-annotations circle{fill:none;stroke:#e1aa3b;stroke-width:1}.science-annotations text{fill:#e5c886;font:9px ui-monospace,monospace;letter-spacing:.05em;paint-order:stroke;stroke:#102c2b;stroke-width:3;stroke-linejoin:round}.science-annotations [data-annotation="zinc"] path,.science-annotations [data-annotation="zinc"] circle{stroke:#c8b8e6}.science-annotations [data-annotation="zinc"] text{fill:#c8b8e6}.science-section:not([data-sci-state="ready"]) .science-annotations{display:none}.science-legend .swatch-ligand{background:#e1aa3b}
.science-motion-note,.science-legend,.science-contact-control>p{font-size:11px}.science-contact-list li{font-size:10px}.science-footnote{font-size:10px}@media(max-width:600px){.science-motion-note,.science-legend,.science-contact-control>p,.science-footnote{font-size:11px}.science-inspector [data-sci-selection]{font-size:12px}}