/* Basic teaching edition: ordinary document layout and native form controls. */
*{box-sizing:border-box}
body{margin:8px;background:#e6e6e6;color:#111;font:14px/1.5 Arial,"SimSun",serif}
a{color:#0000b5;text-decoration:underline}p{margin:8px 0}h1{font-size:23px;margin:12px 0}h2{font-size:18px;margin:6px 0}h3{font-size:15px;margin:4px 0}button,select,input{font:13px Arial,"SimSun",serif}button{padding:2px 7px;cursor:pointer;min-height:25px}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.molecule-view:focus-visible{outline:2px solid #003fb2;outline-offset:2px}[hidden]{display:none!important}
.site-header,main,footer{width:1100px;max-width:100%;margin:0 auto}.site-header{background:#d2d2d2;border:1px solid #888;padding:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:8px;color:#111;text-decoration:none}.brand-logo{width:44px;height:44px;object-fit:contain;background:#fff}.brand-copy{display:block}.brand-copy strong{font-size:16px}.brand-sub{display:block;font-size:12px;font-weight:normal}.site-header nav{margin-left:15px;display:flex;gap:15px;font-size:13px}.header-note{font-size:12px;margin-left:auto}.intro{padding:8px;text-align:center;background:#eee;border:1px solid #999;border-top:0;margin-bottom:14px}.intro-aside{font-size:12px;text-align:left;border-top:1px dotted #999;margin-top:10px}.intro-aside p{margin-bottom:0}.skip-link{position:absolute;left:8px;top:-80px;background:#fff;padding:6px;z-index:100}.skip-link:focus{top:5px}
.module{padding:8px;border:1px solid #777;background:#f8f8f8;margin:0 0 20px;scroll-margin-top:8px}.section-heading{border-bottom:1px solid #999;margin-bottom:8px;padding-bottom:4px}.section-heading p{font-size:13px;margin:3px 0}.section-number,.section-tag,.eyebrow{display:none}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.molecule-panel{border:1px solid #777;min-width:0}.panel-heading{background:#d8d8d8;padding:4px 6px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px}.panel-heading>div{display:flex;align-items:center;gap:5px}.state-badge{border:1px solid #777;padding:0 4px;font-size:12px;font-weight:bold;background:#eee}.pdb-tag{font-size:11px}.viewer-wrap{position:relative;height:292px;background:#111;isolation:isolate}.molecule-view{position:absolute;inset:0;touch-action:none;cursor:move}.molecule-view canvas{display:block}.viewer-corner{position:absolute;bottom:7px;left:7px;color:#ddd;font:11px Arial,sans-serif;pointer-events:none;z-index:2;text-shadow:0 1px 2px black}.accent-gold{color:#ffe1a4}.loading{position:absolute;inset:0;background:#111;color:#fff;display:grid;place-items:center;z-index:4;pointer-events:none}.zoom-controls{position:absolute;top:5px;right:5px;display:flex;gap:2px;z-index:3}.zoom-controls button{font-size:15px;padding:0 5px;min-height:23px;background:#ddd;color:#111;border:2px outset #ddd}.panel-caption{padding:4px 6px;background:#eee;border-top:1px solid #888;display:block;font-size:12px}.panel-caption b{margin-right:8px}.operations-label{font-weight:bold;font-size:13px;margin:9px 0 3px}.toolbar{padding:5px;border:1px solid #aaa;background:#ddd;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.segmented{display:inline-flex;gap:2px}.selected{font-weight:bold;text-decoration:underline}button[aria-pressed=true]{border-style:inset}.style-label{font-size:12px;display:flex;align-items:center;gap:4px}.switch-row{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 3px;border:1px solid #aaa;border-top:0;font-size:12px;background:#eee}.switch-row label{white-space:nowrap;display:flex;align-items:center;gap:3px}.switch-row input{margin:0}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 13px;margin:7px 0;font-size:11px}.legend>span{display:inline-flex;align-items:center;gap:3px}.legend i{display:inline-block;width:9px;height:9px;border:1px solid #777}.legend-end{width:100%;border:1px inset #aaa;padding:2px 4px;background:#ddd}.alpha1{background:#fca5b5}.alpha2{background:#e879a2}.beta1{background:#7dd3fc}.beta2{background:#22b8cf}.heme{background:#b59bea}.oxygen{background:#ff6b4e}.bpg{background:#f7c64b}.site{background:#a5db92}.measurement{border:1px solid #999;padding:4px;background:#fff;font-size:12px}.teaching-note{border-top:1px dotted #888;margin-top:5px;padding-top:5px;font-size:12px}.note-title{font-weight:bold}.fineprint{font-size:11px;display:block;margin-top:5px}.module-brand{display:flex;align-items:center;gap:6px;border-top:1px solid #bbb;margin-top:6px;padding-top:4px;font-size:11px}.module-brand img{width:25px;height:25px;object-fit:contain;background:white}.module-brand span:last-child{margin-left:auto}.sequence-section{border:1px solid #999;padding:6px;background:#f4f4f4;margin:0 0 12px}summary{cursor:pointer;font-weight:bold}.sequence-section summary>span{font-weight:normal;margin-left:12px;font-size:12px}.sequence-content{font-size:12px}.sequence-grid{display:block}.sequence-grid article{border-top:1px dotted #aaa;padding:5px 0}.sequence-grid h3{font-size:13px}.sequence-grid h3 span{font-size:11px;font-weight:normal;margin-left:8px}.sequence-grid code{display:block;word-break:break-all;white-space:pre-wrap;font:12px/1.7 Consolas,monospace}.sources{background:#eee;border:1px solid #999;padding:8px;font-size:12px}.sources h2{font-size:17px}.method-grid article{border-top:1px solid #aaa;padding:6px 0}.method-kicker{font-size:11px}.source-links{display:flex;gap:16px}.sources details{border-top:1px dotted #999;padding-top:8px;margin-top:8px}footer{display:block;margin-top:12px;border:1px solid #999;padding:8px;background:#d8d8d8;font-size:11px}.footer-brand{display:flex;gap:7px;align-items:center;margin-bottom:6px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:13px}.footer-brand .brand-logo{width:38px;height:38px}.toast{position:fixed;left:10%;bottom:10px;z-index:80;width:80%;background:#fff;border:2px solid #777;padding:8px}.error-banner{background:#fff;border:2px solid #b00000;padding:10px}.text-hidden .teaching-text{display:none}.module:fullscreen,.module.fullscreen-fallback{overflow:auto;margin:0;background:#eee;padding:8px;border:0}.module:fullscreen .viewer-wrap,.module.fullscreen-fallback .viewer-wrap{height:calc(100vh - 350px);min-height:230px}.module.fullscreen-fallback{position:fixed;inset:0;z-index:50}.no-scroll{overflow:hidden}
@media(max-width:640px){.site-header nav{margin-left:0;width:100%;gap:14px}.header-note{display:none}.brand-copy strong{font-size:14px}.view-grid{grid-template-columns:1fr}.viewer-wrap{height:270px}.intro h1{font-size:19px}.panel-heading h3{font-size:14px}.module{padding:5px}.module-brand span:last-child{display:none}.sequence-section summary>span{display:block;margin-left:0}.module:fullscreen .viewer-wrap,.module.fullscreen-fallback .viewer-wrap{height:270px}}

.fixed-mode{font-size:12px;margin-right:8px;color:#333}