.dna-teaching-model.dna-teaching-model{--dna-ink:#17304f;--dna-blue:#1752c6;--dna-purple:#7939b5;--dna-gold:#9a5b00;color:var(--dna-ink);overflow-wrap:anywhere;text-align:left;background:#fff;border:1px solid #bccde9;border-radius:20px;margin:20px 0;padding:clamp(16px,3vw,28px);font-size:16px;line-height:1.55;box-shadow:0 8px 24px #142f5310;container:dna-model/inline-size}.dna-teaching-model.dna-teaching-model *{box-sizing:border-box}.dna-teaching-model.dna-teaching-model :is(h3,h4,p,li,label,summary,strong,b,span){color:inherit}.dna-teaching-model.dna-teaching-model h3{color:#132e50;margin:4px 0 12px;font-size:clamp(23px,3vw,30px);line-height:1.2}.dna-teaching-model.dna-teaching-model h4{color:#132e50;margin:4px 0 14px;font-size:19px;line-height:1.3}.dna-teaching-model.dna-teaching-model p{margin:10px 0}.dna-teaching-model.dna-teaching-model .dna-header{border-left:5px solid #d8a229;padding-left:16px}.dna-teaching-model.dna-teaching-model .dna-eyebrow{letter-spacing:.11em;text-transform:uppercase;color:#574097;margin:0 0 5px;font-size:12px;font-weight:800}.dna-teaching-model.dna-teaching-model .dna-note,.dna-teaching-model.dna-teaching-model figcaption{color:#435b77;font-size:14px;line-height:1.5}.dna-teaching-model.dna-teaching-model .dna-intro{font-size:17px}.dna-teaching-model.dna-teaching-model button,.dna-teaching-model.dna-teaching-model select{font:inherit;color:#17304f;cursor:pointer;white-space:normal;max-width:100%;min-height:44px;box-shadow:none;background:#fff;border:1px solid #aebfd9;border-radius:10px;padding:9px 13px;font-weight:700;line-height:1.35}.dna-teaching-model.dna-teaching-model button:hover{background:#eaf1ff;border-color:#4566a1}.dna-teaching-model.dna-teaching-model button[aria-pressed=true]{color:#fff;background:#173a75;border-color:#173a75;box-shadow:inset 0 0 0 2px #fff}.dna-teaching-model.dna-teaching-model button:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:default}.dna-teaching-model.dna-teaching-model :is(button,input,select,a,summary):focus-visible{outline-offset:3px;outline:3px solid #a26300}.dna-teaching-model.dna-teaching-model :is(.dna-view-switch,.dna-mode-switch,.dna-process-tabs,.dna-button-row,.dna-strand-buttons){flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.dna-teaching-model.dna-teaching-model .dna-workbench{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;margin-top:18px;display:grid}.dna-teaching-model.dna-teaching-model .dna-model-column,.dna-teaching-model.dna-teaching-model .dna-inspector{min-width:0}.dna-teaching-model.dna-teaching-model .dna-helix-figure{margin:0}.dna-teaching-model.dna-teaching-model .dna-helix{touch-action:auto;width:100%;max-width:360px;height:auto;max-height:360px;margin:auto;display:block}.dna-teaching-model.dna-teaching-model figcaption{padding:9px 2px}.dna-teaching-model.dna-teaching-model .dna-camera-controls{background:#f1f5ff;border-radius:14px;padding:14px}.dna-teaching-model.dna-teaching-model label{margin:12px 0 6px;font-weight:700;display:block}.dna-teaching-model.dna-teaching-model input[type=range]{accent-color:#1752c6;cursor:pointer;touch-action:auto;width:100%;min-height:44px;margin:0;display:block}.dna-teaching-model.dna-teaching-model select{width:100%;min-width:0;display:block}.dna-teaching-model.dna-teaching-model .dna-inspector{background:#f8f6ff;border:1px solid #d6cce8;border-radius:14px;padding:16px}.dna-teaching-model.dna-teaching-model .dna-coding{border-left:5px solid #1752c6}.dna-teaching-model.dna-teaching-model .dna-template{border-left:5px solid #7939b5}.dna-teaching-model.dna-teaching-model .dna-direction-card{background:#fff;border:1px solid #d6cce8;border-radius:10px;padding:1px 14px}.dna-teaching-model.dna-teaching-model .dna-direction-card b{color:#173a75;white-space:nowrap}.dna-teaching-model.dna-teaching-model .dna-selection-detail{color:#45340b;background:#fff4cf;border-left:4px solid #b57500;border-radius:0 10px 10px 0;padding:14px}.dna-teaching-model.dna-teaching-model .dna-sequence-reference{background:#f0f5ff;border-radius:14px;margin-top:20px;padding:16px}.dna-teaching-model.dna-teaching-model .dna-pair-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 8px;padding:0;list-style:none;display:grid}.dna-teaching-model.dna-teaching-model .dna-pair-list li{margin:0;padding:0}.dna-teaching-model.dna-teaching-model .dna-pair-list button{justify-content:center;align-items:center;gap:7px;width:100%;padding:7px 4px;display:flex}.dna-teaching-model.dna-teaching-model .dna-pair-number{font-size:12px;font-weight:500}.dna-teaching-model.dna-teaching-model .dna-text-view{background:#f1f5ff;border:1px solid #c9d8ed;border-radius:14px;padding:18px}.dna-teaching-model.dna-teaching-model .dna-ladder{background:#f1f5ff;border-radius:14px;padding:16px}.dna-teaching-model.dna-teaching-model .dna-ladder-head{text-align:center;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:14px;display:grid}.dna-teaching-model.dna-teaching-model .dna-ladder ol{margin:10px 0;padding:0;list-style:none}.dna-teaching-model.dna-teaching-model .dna-ladder li{margin:3px 0}.dna-teaching-model.dna-teaching-model .dna-ladder button{border-radius:8px;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;padding:4px 10px;display:grid}.dna-teaching-model.dna-teaching-model .dna-coding-letter{border-left:5px solid #1752c6}.dna-teaching-model.dna-teaching-model .dna-template-letter{border-right:5px solid #7939b5}.dna-teaching-model.dna-teaching-model .dna-rung{border-top:2px solid #a5b9d8;border-bottom:2px solid #a5b9d8;font-size:12px}.dna-teaching-model.dna-teaching-model .dna-process{background:#fafbff;border:1px solid #b6c6e4;border-radius:16px;margin-top:22px;padding:18px}.dna-teaching-model.dna-teaching-model .dna-process-dna{background:#f1ebfa;border-left:4px solid #7939b5;border-radius:0 10px 10px 0;padding:12px 16px}.dna-teaching-model.dna-teaching-model .dna-process-dna p{margin:5px 0}.dna-teaching-model.dna-teaching-model .dna-rna-strip{background:#e8f2ff;border:1px solid #b8d1ed;border-radius:10px;margin-top:14px;padding:14px}.dna-teaching-model.dna-teaching-model .dna-codons{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.dna-teaching-model.dna-teaching-model .dna-codon{background:#fff;border:1px solid #7296c6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:55px;min-height:44px;padding:7px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:18px;font-weight:750;display:inline-flex}.dna-teaching-model.dna-teaching-model .dna-codon small{text-align:center;max-width:75px;font:700 11px/1.3 system-ui,sans-serif;display:block}.dna-teaching-model.dna-teaching-model .dna-unmade{color:#52677e;background:#e8f2ff;border-style:dashed}.dna-teaching-model.dna-teaching-model .dna-reading{background:#fff1b8;border:3px solid #9a5b00}.dna-teaching-model.dna-teaching-model .dna-peptide{background:#fff2c4;border:1px solid #d7b96c;border-radius:10px;margin-top:14px;padding:14px}.dna-teaching-model.dna-teaching-model .dna-stop{color:#673700;font-weight:800}.dna-teaching-model.dna-teaching-model .dna-process-status{min-height:110px;padding:14px 0}.dna-teaching-model.dna-teaching-model .dna-process-status h5{color:#17304f;margin:0;font:800 17px/1.4 system-ui,sans-serif}.dna-teaching-model.dna-teaching-model .dna-process-status h5:focus-visible{outline-offset:3px;outline:3px solid #a26300}.dna-teaching-model.dna-teaching-model .dna-process-status p{margin:6px 0}.dna-teaching-model.dna-teaching-model .dna-step-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dna-teaching-model.dna-teaching-model .dna-step-controls span{font-size:14px}.dna-teaching-model.dna-teaching-model .dna-continue{color:#fff;background:#173a75;margin-top:14px}.dna-teaching-model.dna-teaching-model .dna-limitations{border-top:1px solid #ccd8e8;margin-top:20px;padding-top:14px}.dna-teaching-model.dna-teaching-model summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:750}.dna-teaching-model.dna-teaching-model .dna-limitations ul{padding-left:22px}.dna-teaching-model.dna-teaching-model a{color:#164ca9;text-underline-offset:3px;text-decoration:underline}.dna-teaching-model.dna-teaching-model .dna-footer{border-top:1px solid #ccd8e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.dna-teaching-model.dna-teaching-model .dna-footer p{color:#435b77;font-size:14px}.dna-teaching-model.dna-teaching-model .dna-fallback{background:#fff2c4;border:1px solid #c69225;border-radius:12px;padding:20px}@container dna-model (width>=680px){.dna-teaching-model.dna-teaching-model .dna-workbench{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.dna-teaching-model.dna-teaching-model .dna-pair-list{grid-template-columns:repeat(6,minmax(0,1fr))}.dna-teaching-model.dna-teaching-model .dna-helix{max-height:440px}}@container dna-model (width<=420px){.dna-teaching-model.dna-teaching-model .dna-step-controls{justify-content:flex-start}.dna-teaching-model.dna-teaching-model .dna-sequence-reference,.dna-teaching-model.dna-teaching-model .dna-process{padding:12px}}@media (max-width:380px){.dna-teaching-model.dna-teaching-model{padding:12px}.dna-teaching-model.dna-teaching-model .dna-pair-list{grid-template-columns:repeat(3,minmax(0,1fr))}.dna-teaching-model.dna-teaching-model .dna-inspector,.dna-teaching-model.dna-teaching-model .dna-process{padding:12px}.dna-teaching-model.dna-teaching-model .dna-codon{min-width:46px;padding:5px}}@media (prefers-reduced-motion:reduce){.dna-teaching-model.dna-teaching-model *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.dna-teaching-model.dna-teaching-model button[aria-pressed=true]{outline-offset:-4px;outline:3px solid highlight}.dna-teaching-model.dna-teaching-model .dna-selection-detail{border:2px solid canvastext}.dna-teaching-model.dna-teaching-model .dna-helix{forced-color-adjust:none}}@media print{.dna-teaching-model.dna-teaching-model{box-shadow:none;break-inside:avoid;border-color:#777}.dna-teaching-model.dna-teaching-model :is(button,input,select,.dna-camera-controls){display:none}.dna-teaching-model.dna-teaching-model .dna-pair-list button{display:flex}.dna-teaching-model.dna-teaching-model .dna-workbench{grid-template-columns:minmax(0,1fr)}.dna-teaching-model.dna-teaching-model .dna-header,.dna-teaching-model.dna-teaching-model .dna-inspector,.dna-teaching-model.dna-teaching-model .dna-process{color:#111;background:#fff}}