.teaching-journey{--tj-line:var(--line,#c9d8d1);--tj-wash:color-mix(in srgb,var(--mint,#266b68) 5%,var(--bg,#f5f7f4));color:var(--text);border:1px solid var(--tj-line);border-radius:16px;overflow:hidden;background:var(--panel,#fff);margin:18px 0 28px}.tj-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 34px 26px}.tj-heading h2{font:42px/1.05 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:7px 0 13px}.tj-heading p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:540px;color:var(--muted)}.tj-coordinate-badge{font:9px var(--mono,monospace);white-space:nowrap;border:1px solid var(--tj-line);padding:9px 11px;border-radius:20px;color:var(--mint);margin-top:4px}.tj-steps{display:flex;overflow-x:auto;border-top:1px solid var(--tj-line);border-bottom:1px solid var(--tj-line);background:var(--tj-wash);scrollbar-width:thin}.tj-steps button{flex:1;min-width:108px;text-align:left;padding:15px 15px 13px;border-bottom:2px solid transparent;color:var(--muted);font-size:10px;line-height:1.5;white-space:nowrap}.tj-steps button>span{display:block;font:9px var(--mono,monospace);opacity:.65;margin-bottom:6px}.tj-steps button[aria-current=step]{border-bottom-color:var(--mint);color:var(--mint);background:color-mix(in srgb,var(--mint) 7%,transparent)}.tj-steps button:hover{color:var(--text)}.tj-question{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 32px;border-bottom:1px solid var(--tj-line)}.tj-question h3{font:27px/1.2 var(--serif,Georgia,serif);letter-spacing:-.025em;margin:7px 0 9px}.tj-question p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);max-width:690px}.tj-step-nav{display:flex;gap:7px;flex-shrink:0}.tj-step-nav button{border:1px solid var(--tj-line);border-radius:6px;min-height:35px;padding:8px 12px;font-size:11px;color:var(--mint);white-space:nowrap}.tj-step-nav button:disabled{opacity:.35;cursor:default}.tj-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);min-width:0}.tj-primary{min-width:0}.tj-canvas-head{display:flex;align-items:center;justify-content:space-between;padding:15px 22px 10px;gap:12px;font:9px var(--mono,monospace);color:var(--muted)}.tj-camera-actions{display:flex;gap:3px}.tj-camera-actions button{padding:6px 8px;color:var(--muted);font:10px var(--sans,system-ui,sans-serif);border-radius:4px}.tj-camera-actions button:hover{background:var(--tj-wash);color:var(--mint)}.tj-canvas-wrap{position:relative;height:470px;overflow:hidden}.tj-canvas-wrap canvas,.tj-overview-wrap canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.tj-canvas-wrap .hotspots,.tj-overview-wrap .hotspots{pointer-events:none;position:absolute;inset:0}.tj-view-note{position:absolute;bottom:14px;left:20px;right:20px;text-align:center;font:9px var(--mono,monospace);color:var(--soft);pointer-events:none}.tj-focus-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;min-height:41px;padding:3px 20px 12px}.tj-focus-controls>span{font-size:10px;color:var(--soft);margin-right:7px}.tj-focus-controls button{font-size:10px;color:var(--muted);padding:6px 10px;border:1px solid var(--tj-line);border-radius:20px}.tj-focus-controls button[aria-pressed=true]{color:var(--mint);background:var(--tj-wash);border-color:var(--mint)}.tj-look{border-top:1px solid var(--tj-line);font-size:11px!important;line-height:1.8!important;color:var(--muted);padding:16px 24px;margin:0!important;min-height:70px}.tj-aside{border-left:1px solid var(--tj-line);background:var(--tj-wash);min-width:0;padding:20px}.tj-aside-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tj-aside-head .eyebrow{font-size:8px}.tj-aside-head button{color:var(--mint);font-size:9px;max-width:95px;text-align:right;line-height:1.5}.tj-overview-wrap{position:relative;height:235px;margin:8px -12px 0}.tj-overview-caption{font-size:10px!important;line-height:1.8!important;color:var(--soft);margin:0 0 18px!important}.tj-takeaway{padding-top:17px;border-top:1px solid var(--tj-line)}.tj-takeaway>span{font:8px var(--mono,monospace);letter-spacing:.15em;color:var(--mint)}.tj-takeaway p{font-size:12px!important;line-height:1.8!important;color:var(--text);margin-top:8px!important}.tj-contact-explanation{border-top:1px solid var(--tj-line);padding-top:18px;margin-top:18px}.tj-contact-explanation p:not(.eyebrow){font-size:9px!important;line-height:1.8!important;color:var(--soft)}.tj-chemical-contact{display:flex;justify-content:center;align-items:center;gap:14px;font:14px var(--mono,monospace);padding:9px 0;color:var(--text)}.tj-chemical-contact i{color:#a87834;font-style:normal;letter-spacing:3px}.tj-atoms{display:block;margin-top:22px;color:var(--mint);font-size:11px;text-align:left;line-height:1.6;border-bottom:1px solid currentColor;padding-bottom:4px}.tj-sequence-panel{padding:23px 28px;border-top:1px solid var(--tj-line)}.tj-sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.tj-sequence-heading .eyebrow{font-size:9px}.tj-sequence-heading p{font-size:12px!important;line-height:1.5!important;margin-top:5px!important;color:var(--text)}.tj-sequence-heading button{border:1px solid var(--tj-line);border-radius:20px;padding:7px 13px;color:var(--mint);font-size:10px;white-space:nowrap}.tj-sequence-scroll{overflow-x:auto;padding:5px 1px 9px;scrollbar-width:thin}.tj-sequence{display:grid;grid-template-columns:23px repeat(22,minmax(25px,1fr)) 23px;gap:3px;min-width:670px;align-items:start}.tj-sequence button{border:1px solid transparent;border-radius:5px;color:var(--text);padding:3px 0 5px;position:relative;transition:background .15s,border-color .15s}.tj-sequence button b{display:grid;place-items:center;width:24px;height:28px;margin:0 auto;border-radius:4px;color:#233441;font:600 12px var(--mono,monospace);border:1px solid #203c482b;background:var(--base-g,#b7e8bf)}.tj-sequence button[data-base=A] b{background:var(--base-a,#a8d8ff);color:var(--base-a-ink,#233441)}.tj-sequence button[data-base=T] b{background:var(--base-t,#ffb6bd);color:var(--base-t-ink,#233441)}.tj-sequence button[data-base=C] b{background:var(--base-c,#fff0a6);color:var(--base-c-ink,#233441)}.tj-sequence button[data-base=G] b{color:var(--base-g-ink,#233441)}.tj-sequence button small{font:8px var(--mono,monospace);display:block;margin-top:5px;color:var(--soft)}.tj-sequence button.tj-member{border-bottom-color:var(--mint);background:var(--tj-wash)}.tj-sequence button[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.tj-sequence button:hover{background:var(--tj-wash)}.tj-terminus{font:10px var(--mono,monospace);padding-top:12px;color:var(--soft)}.tj-sequence-groups{min-width:670px;display:grid;grid-template-columns:23px 1fr repeat(7,3fr) 23px;gap:3px;margin-top:5px;text-align:center;color:var(--soft);font:8px var(--mono,monospace)}.tj-sequence-groups span:first-child{grid-column:2;font-size:7px;overflow:hidden}.tj-sequence-groups span{border-top:1px solid var(--tj-line);padding-top:7px}.tj-sequence-help{font-size:10px!important;line-height:1.7!important;color:var(--soft);margin-top:13px!important}.tj-provenance{border-top:1px solid var(--tj-line);background:var(--tj-wash)}.tj-provenance summary{padding:18px 28px;cursor:pointer;font-size:11px;color:var(--muted)}.tj-provenance>div{padding:0 28px 24px;max-width:960px}.tj-provenance p{font-size:11px!important;line-height:1.9!important;margin:0 0 13px!important;color:var(--muted)}.tj-source-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:18px}.tj-source-links a{font-size:10px;color:var(--mint);text-decoration:underline;text-underline-offset:3px}.teaching-journey[data-step="5"] .tj-overview-wrap{height:325px}.teaching-journey button:focus-visible,.teaching-journey summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.tj-unavailable{font-size:12px;line-height:1.8;padding:24px}
@media(max-width:1000px){.tj-workspace{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}.tj-heading{padding:26px}.tj-question{padding:22px 25px}.tj-canvas-head{padding:13px 16px;flex-wrap:wrap}.tj-canvas-wrap{height:430px}.tj-aside{padding:17px}.tj-steps button{min-width:102px;padding-inline:12px}}
@media(max-width:760px){.tj-heading{padding:24px;display:block}.tj-heading h2{font-size:35px}.tj-coordinate-badge{display:inline-block;margin-top:15px}.tj-question{display:block;padding:22px}.tj-question h3{font-size:25px}.tj-step-nav{justify-content:flex-end;margin-top:17px}.tj-workspace{display:block}.tj-canvas-wrap{height:430px}.tj-aside{border-left:0;border-top:1px solid var(--tj-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;padding:20px}.tj-aside-head{grid-column:1/-1}.tj-overview-wrap{height:200px;grid-row:2/4;grid-column:1}.tj-overview-caption{grid-column:2;padding-top:20px}.tj-takeaway{grid-column:2}.tj-contact-explanation{grid-column:1/-1}.tj-atoms{grid-column:1/-1}.tj-sequence-panel{padding:20px}.tj-provenance summary{padding:18px 20px}.tj-provenance>div{padding:0 20px 20px}.teaching-journey[data-step="5"] .tj-overview-wrap{height:245px}.tj-look{padding:16px 20px}.tj-sequence-heading{align-items:flex-start;gap:10px}}
@media(max-width:430px){.tj-aside{display:block}.tj-overview-wrap{height:190px}.tj-overview-caption{padding-top:0}.tj-canvas-wrap{height:380px}.tj-heading h2{font-size:31px}.tj-question h3{font-size:23px}.tj-canvas-head{gap:7px}.tj-sequence-heading{display:block}.tj-sequence-heading button{margin-top:12px}.tj-steps button{min-width:103px}.tj-camera-actions button{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.teaching-journey *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the structure within the initial reading window. */
.tj-heading{padding:18px 28px 17px}.tj-heading h2{font-size:30px;margin:4px 0 6px}.tj-heading .eyebrow{margin-bottom:4px}.tj-heading p:not(.eyebrow){font-size:11px}.tj-question{padding:18px 28px}.tj-question h3{font-size:25px}.tj-question .eyebrow{margin-bottom:5px}.tj-question p:not(.eyebrow){line-height:1.6}.tj-sequence-panel .nucleotide-key{margin:15px 0 0}.tj-atoms[hidden],.tj-contact-explanation[hidden]{display:none}