body{color:#1a1a1a;background:#fff;margin:0;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:40rem;margin:0 auto;padding:2rem}a{color:#0b5fff}header{background:linear-gradient(#080c18b3,#080c18b3),url(./AF-Q13188-F1-C6vPnz9y.png) 50%/cover no-repeat;padding:1.25rem 2rem}header nav{gap:1.25rem;display:flex}header nav a{color:#fff;font-weight:600;text-decoration:none}header nav a:hover{text-decoration:underline}.real-protein{text-align:center;margin:1.5rem 0}.real-protein img{border-radius:.5rem;max-width:100%;max-height:22rem}.real-protein figcaption{color:#6b7280;margin-top:.5rem;font-size:.8rem}.legend{flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:.5rem;display:flex}.swatch{border-radius:50%;width:1rem;height:1rem;display:inline-block}.swatch-h{background:#d9730d}.swatch-p{background:#2a6fdb}.length-control{flex-direction:column;align-items:center;gap:.5rem;margin:1.5rem 0;display:flex}.length-control input[type=range]{width:100%;max-width:20rem}.fold-panel{margin:1.5rem 0}.fold-board{background:#f4f6fa;border-radius:.5rem;width:100%;max-width:22rem;height:auto;margin:0 auto;display:block}.fold-board .fold-backbone{stroke:#9aa5b1;stroke-width:3px}.fold-board .residue{stroke:#1a1a1a;stroke-width:1px}.fold-board .residue-h{fill:#d9730d}.fold-board .residue-p{fill:#2a6fdb}.readout{text-align:center;font-weight:600}.controls{flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.controls-row{gap:.5rem;display:flex}.controls button,.secondary-controls button,.reveal-panel button{cursor:pointer;background:#fff;border:1px solid #9aa5b1;border-radius:.5rem;min-width:3rem;min-height:3rem;font-size:1.25rem}.secondary-controls button,.reveal-panel button{min-width:auto;min-height:auto;padding:.5rem 1rem;font-size:1rem}.controls button:disabled,.secondary-controls button:disabled,.reveal-panel button:disabled{opacity:.35;cursor:not-allowed}.key-hint{color:#6b7280;font-size:.6rem;font-weight:400;display:block}.secondary-controls{justify-content:center;gap:.75rem;margin:.75rem 0;display:flex}.hint{text-align:center;color:#6b7280;font-size:.9rem}.reveal-panel{text-align:center;margin-top:2rem}.comparison[hidden]{display:none}.comparison{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.comparison .fold-panel{flex:16rem;max-width:20rem}.comparison-note{margin-top:1rem;font-style:italic}.learn-more{text-align:center;border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}@media (width<=480px){main,header{padding:1rem}.fold-board{max-width:100%}}