.science-workshop-page{color:#edf5f7;background:#15364a}.sw-workshop{--sw-accent:#bde4dd;--sw-ink:#193b49;padding-bottom:42px}.sw-inheritance{--sw-accent:#e6cfef}.sw-molecules{--sw-accent:#f4d6af}.sw-hero{max-width:880px;padding:38px 0 26px}.sw-hero>a{color:var(--sw-accent);margin-bottom:24px;font-size:16px;display:inline-block}.sw-hero h1{-webkit-hyphens:auto;hyphens:auto;margin:12px 0 18px;font-size:clamp(30px,5vw,48px);line-height:1.2}.sw-hero>p{font-size:18px;line-height:1.7}.sw-panel{color:var(--sw-ink);background:#f1f6f3;border:1px solid #8eb7b7;border-radius:26px 38px 28px 34px;margin:24px 0;padding:28px 30px;box-shadow:0 8px 20px #081f3319}.sw-panel h2{margin:0 0 16px;font-size:clamp(23px,3vw,30px);line-height:1.35}.sw-panel h3{margin:12px 0;font-size:19px;line-height:1.5}.sw-panel p{margin:14px 0;font-size:17px;line-height:1.7}.sw-panel button,.sw-tabs button{color:#193b49;min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;background:#dcebe7;border:1px solid #658e92;border-radius:14px;padding:12px 18px;font-weight:700}.sw-panel button:disabled{opacity:.6;cursor:default}.sw-panel button:hover:not(:disabled){background:#c8e1d8}.sw-panel button[aria-pressed=true],.sw-tabs button[aria-pressed=true]{color:#fff;background:#285e61;border-color:#1c555a}:is(.sw-panel :is(button,select,input,summary):focus-visible,.sw-tabs button:focus-visible){outline-offset:3px;outline:3px solid #b15d13}.sw-panel select{width:100%;min-height:48px;font:inherit;color:#193b49;background:#fff;border:1px solid #739696;border-radius:10px;padding:10px 12px;font-size:16px}.sw-panel label{flex-direction:column;gap:8px;min-width:0;font-size:16px;font-weight:700;display:flex}.sw-panel small{font-size:14px;font-weight:400;line-height:1.5;display:block}.sw-panel input[type=range]{accent-color:#285e61;width:100%;min-height:44px}.sw-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:20px 0;display:grid}.sw-select{max-width:420px}.sw-actions,.sw-tabs{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.sw-tabs button{background:#d4e8e4}.sw-callout,.sw-feedback{background:#e0eeea;border:1px solid #a0c3bc;border-radius:16px;padding:16px 20px}.sw-feedback{min-height:60px}.sw-panel .sw-caption{color:#385b65;font-size:14px;line-height:1.6}.sw-results{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0;display:grid}.sw-results>div{background:#e2ebe8;border:1px solid #b1c6c0;border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.sw-results b{font-size:22px}.sw-probability{align-items:center;gap:12px;font-size:18px;display:flex}.sw-fraction{text-align:center;flex-direction:column;min-width:24px;line-height:1.25;display:inline-flex}.sw-fraction>span:first-child{border-bottom:2px solid;padding:0 4px 4px}.sw-fraction>span:last-child{padding-top:4px}.sw-table-scroll{overscroll-behavior-x:contain;margin:18px 0;overflow:auto}.sw-panel table{border-collapse:collapse;width:100%;min-width:420px;font-size:16px}.sw-panel th,.sw-panel td{text-align:left;border:1px solid #a0bbb6;padding:16px;line-height:1.6}.sw-panel th{background:#dceae6}.sw-cross td{text-align:center;background:#fff;min-width:140px}.sw-cross td>b{font-size:26px}.sw-cross select{max-width:180px}.sw-allele{background:#fff;border:1px solid #9ebdb6;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;display:inline-flex}.sw-panel details{border-top:1px solid #a4c2bc;margin-top:18px;padding:16px 0}.sw-panel summary{cursor:pointer;min-height:40px;font-size:17px;font-weight:700;line-height:1.6}.sw-task{margin-top:22px}.sw-bar-row{grid-template-columns:34px 1fr 125px;align-items:center;gap:12px;margin:16px 0;display:grid}.sw-bar-track{background:#d4e2df;border-radius:16px;height:24px;overflow:hidden}.sw-bar-track span{background:#427476;height:100%;display:block}.sw-offspring{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.sw-offspring span{background:#fff;border:1px solid #779f9d;border-radius:50%;padding:10px}.sw-offspring .is-affected{color:#fff;background:#405577}.sw-pedigree{width:100%;max-width:480px;margin:auto;display:block}.sw-strand{min-width:0;margin:16px 0}.sw-strand>b{margin-bottom:10px;font-size:15px;display:block}.sw-bases{flex-wrap:wrap;gap:5px;display:flex}.sw-base{color:#173c46;background:#e4ece8;border:1px solid #8aabaa;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:38px;font-size:18px;font-weight:700;display:inline-flex}.base-A{background:#ead5d6}.base-T,.base-U{background:#d5e4ef}.base-C{background:#f0e4c2}.base-G{background:#d2e5d4}.sw-base-task{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.sw-base-task label{text-align:center;flex:0 0 66px;align-items:stretch;gap:8px}.sw-base-task select{text-align:center;padding:8px}.sw-nucleotide{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.sw-nucleotide>span{background:#dfebe7;border:1px solid #8fb2ad;border-radius:30px 20px;padding:12px 18px;font-size:15px}.sw-helix{width:100%;max-width:360px;margin:20px auto;display:block}.sw-replication,.sw-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.sw-replication>div,.sw-comparison>div{background:#e3eeea;border:1px solid #b0c8c1;border-radius:18px;min-width:0;padding:18px}.sw-comparison p{overflow-wrap:anywhere}.sw-codons,.sw-protein-chain{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.sw-codons>div{text-align:center;background:#fff;border:2px solid #b6cfca;border-radius:14px;min-width:95px;padding:16px}.sw-codons b{letter-spacing:.08em;font-size:22px}.sw-codons .is-current{border-color:#bb792a}.sw-codons .is-read{background:#d5e8de;border-color:#477966}.sw-protein-chain>span{background:#d8e4ee;border:1px solid #7194ae;border-radius:50%;padding:15px 20px;font-size:15px;font-weight:700}.sw-code-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:18px;display:grid}.sw-code-grid>div{background:#e0ebe7;border-radius:8px;justify-content:space-between;gap:12px;padding:10px;font-size:14px;display:flex}.sw-palette{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.sw-palette>button{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:125px;font-size:14px;display:flex}.sw-palette button>span{border:1px solid #739696;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:flex}.sw-molecule-canvas{background:#e5eeeb;border:1px solid #acc9c0;border-radius:24px;padding:12px}.sw-molecule-canvas svg{width:100%;max-height:430px;display:block}.sw-atom-buttons{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.sw-atom-buttons button{font-size:16px}.sw-sources{color:#d4e5e7;padding:22px 0;font-size:14px;line-height:1.7}.sw-sources a{text-underline-offset:3px;text-decoration:underline}@media (max-width:650px){.sw-hero{padding-top:26px}.sw-hero>p{font-size:16px}.sw-panel{border-radius:22px 30px;margin:18px 0;padding:22px 18px}.sw-panel p{font-size:16px}.sw-controls,.sw-replication,.sw-comparison{grid-template-columns:1fr}.sw-bar-row{grid-template-columns:28px 1fr 100px;gap:8px;font-size:14px}.sw-actions>button{flex:150px}.sw-tabs>button{flex:140px}.sw-cross th,.sw-cross td{padding:10px}.sw-bases{gap:4px}.sw-base{min-width:29px}.sw-molecule-canvas{padding:0}.sw-results{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-results>div{padding:14px}.sw-results b{font-size:18px}}@media (max-width:380px){.sw-results{grid-template-columns:1fr}.sw-base-task{gap:6px}.sw-base-task label{flex-basis:58px}}@media print{.sw-panel{break-inside:avoid}.sw-panel button,.sw-tabs,.sw-hero>a{display:none}.science-workshop-page{color:#000;background:#fff}.sw-panel{box-shadow:none}.sw-sources{color:#000}}.sw-interactive-molecule{touch-action:none;-webkit-user-select:none;user-select:none}.sw-canvas-background{fill:#e5eeeb}.sw-canvas-toolbar{flex-wrap:wrap;gap:8px;padding:10px;display:flex}.sw-panel .sw-canvas-instruction{margin:6px 12px 12px;font-size:15px}.sw-model-atom{cursor:grab}.mode-connect .sw-model-atom,.mode-erase .sw-model-bond,.mode-add .sw-canvas-background{cursor:pointer}:is(.sw-model-atom:focus-visible,.sw-model-bond:focus-visible){outline:0}.sw-model-atom:focus-visible circle:last-of-type{stroke:#b15d13;stroke-width:5px}.sw-model-bond:focus-visible line:first-child{stroke:#dfb57b66}.sw-base-palette{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.sw-base-palette button{min-width:48px}.sw-base-palette button[draggable=true]{cursor:grab}.sw-ladder-scroll{overscroll-behavior-x:contain;background:#e0ece8;border:1px solid #a0beb8;border-radius:20px;padding:18px;overflow:auto}.sw-ladder-directions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.sw-ladder{gap:8px;min-width:max-content;display:flex}.sw-ladder-pair{border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:5px;min-width:52px;padding:8px 2px;display:flex}.sw-ladder-pair.is-active{background:#fff5df;border-color:#b47727}.sw-ladder-pair .sw-base{min-width:48px;height:48px}.sw-ladder-pair button.sw-base{padding:0;font-size:20px}.sw-pair-link{border-left:3px dashed #90aba7;height:20px}.sw-pair-link.is-filled{border-left-style:solid}.sw-panel .sw-position-status{background:#dcebe5;border-radius:12px;padding:12px;font-size:15px}.sw-base-palette button[aria-pressed=true]{outline-offset:2px;outline:3px solid #ba782d}.sw-helix [role=button]{cursor:pointer}.sw-helix [role=button]:focus-visible{outline:3px solid #b47727}.sw-library-intro{color:#285d61;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sw-library-intro>b{font-size:22px}.sw-panel input[type=search]{width:100%;font:inherit;background:#fff;border:1px solid #739696;border-radius:10px;min-height:48px;padding:12px;font-size:16px}.sw-target-card{background:#dcebe4;border:1px solid #abc5b6;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.sw-target-card>div:last-child{flex-direction:column;gap:10px;font-size:16px;display:flex}.sw-target-card p{margin:8px 0}.sw-builder-workspace{grid-template-columns:190px minmax(0,1fr);gap:16px;display:grid}.sw-builder-tools .sw-canvas-toolbar{gap:10px;padding:0;display:grid}.sw-bond-picker{gap:8px;margin-top:16px;display:grid}.sw-bond-picker button{align-items:center;gap:12px;display:flex}.sw-bond-picker span{font-size:25px}.sw-builder-tools .sw-palette{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sw-builder-tools .sw-palette>button{gap:5px;min-width:0;padding:10px 5px}.sw-builder-tools .sw-palette small{font-size:12px}.sw-molecule-canvas .sw-interactive-molecule{width:100%;height:470px;max-height:none}.sw-model-bond{cursor:pointer}.sw-edit-history button{font-size:15px}.sw-panel .sw-canvas-instruction{min-height:46px}.sw-target-card h3{margin:5px 0}.sw-target-card small{text-transform:uppercase;letter-spacing:.06em;font-weight:700}@media (max-width:850px){.sw-builder-workspace{grid-template-columns:1fr}.sw-builder-tools .sw-canvas-toolbar{flex-wrap:wrap;display:flex}.sw-builder-tools .sw-canvas-toolbar>button{flex:140px}.sw-bond-picker{grid-template-columns:repeat(3,1fr);margin:12px 0}.sw-bond-picker button{justify-content:center;padding:8px;font-size:14px}.sw-builder-tools .sw-palette{flex-wrap:wrap;display:flex}.sw-builder-tools .sw-palette>button{flex:72px}.sw-molecule-canvas .sw-interactive-molecule{height:400px}.sw-target-card{flex-direction:column;align-items:flex-start;gap:8px}.sw-target-card>div:last-child{font-size:14px}}@media (max-width:420px){.sw-molecule-canvas .sw-interactive-molecule{height:350px}.sw-panel .sw-canvas-instruction{font-size:14px}.sw-builder-tools .sw-canvas-toolbar>button{padding:10px 8px;font-size:14px}}.sw-molecule-info{color:#23483b;background:#edf5f2;border:1px solid #d2e4dc;border-radius:18px;margin:16px 0;padding:18px 20px}.sw-molecule-info h3{margin:0 0 7px;font-size:1rem}.sw-molecule-info p{margin:0 0 10px;line-height:1.65}.sw-molecule-info a{color:#285c49;font-size:.85rem;text-decoration:underline}
