.pep-explorer{margin:28px 0 40px;border:1px solid #17171635;border-radius:22px;overflow:hidden;background:#eeeee4;color:#171716;font-family:var(--sans,Arial,sans-serif)}.pep-intro{padding:30px 30px 18px}.pep-intro h2{font-size:clamp(28px,4vw,40px);line-height:1.05;margin:16px 0}.pep-intro p{max-width:48ch}.pep-controls{display:flex;border-block:1px solid #17171625;flex-wrap:wrap}.pep-controls button{flex:1;padding:16px 10px;border:0;border-right:1px solid #17171625;background:transparent;font:600 12px var(--mono,monospace);color:#171716}.pep-controls button[aria-pressed=true]{background:#171716;color:#d7ff62}.pep-explorer [data-pep-panel]{padding:24px 30px}.pep-workbench{background:#f9f8f4;border:1px solid #17171620;border-radius:14px;padding:24px 18px}.pep-chain{display:flex;align-items:center;justify-content:center;min-height:92px;gap:0;flex-wrap:nowrap}.pep-residue{flex:0 1 52px;min-width:12px;position:relative;display:grid;place-content:center;aspect-ratio:1;border-radius:50%;border:1px solid #17171670;background:#d7ff62;color:#171716;text-align:center;transition:background .2s}.pep-residue b{font:700 clamp(11px,2vw,19px) var(--mono,monospace)}.pep-residue small{font-size:8px}.pep-A{background:#c5b4ef}.pep-S{background:#ffc9b8}.pep-K{background:#dddcd5}.pep-bond{flex:0 1 16px;min-width:2px;height:2px;background:#17171680}.pep-sequence{font:500 14px/1.7 var(--mono,monospace);text-align:center;overflow-wrap:anywhere}.pep-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #17171625;margin-top:18px;padding-top:18px}.pep-metrics div{display:flex;flex-direction:column;gap:4px}.pep-metrics b{font:600 30px var(--mono,monospace)}.pep-metrics span{font-size:12px}.pep-slider{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin:24px 0;font-size:14px}.pep-slider input{width:100%;accent-color:#171716;min-height:32px}.pep-explanation,.pep-note{font-size:14px;line-height:1.7}.pep-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.pep-legend{padding:16px 30px 0;font:11px/1.8 var(--mono,monospace)}.pep-note{padding:0 30px 24px;font-size:12px;color:#51544d}.pep-question h3{margin:18px 0;font-size:22px;line-height:1.4}.pep-answers{display:grid;gap:10px}.pep-answers button{padding:15px;text-align:left;border:1px solid #17171640;border-radius:10px;background:#faf9f5;color:#171716;font:inherit;line-height:1.5}.pep-answers button[aria-pressed=true]{background:#d7ff62;border-color:#171716}.pep-question [role=status]{font-weight:600;line-height:1.6;min-height:3em}.pep-explorer button:focus-visible,.pep-explorer input:focus-visible{outline:2px solid #171716;outline-offset:-4px}.pep-explorer [hidden]{display:none!important}@media(max-width:550px){.pep-intro{padding:24px 18px 12px}.pep-explorer [data-pep-panel]{padding:18px 12px}.pep-workbench{padding:18px 10px}.pep-legend{padding:12px 18px 0}.pep-note{padding:0 18px 18px}.pep-controls button{font-size:10px;padding:14px 8px}.pep-residue small{display:none}.pep-slider{gap:12px}.pep-sequence{font-size:11px}.pep-metrics{gap:10px}}@media(prefers-reduced-motion:reduce){.pep-explorer *{transition:none!important;scroll-behavior:auto!important}}