.trainer,.reg-layout{background:#e9eddb;padding:clamp(24px,4vw,42px)}.trainer-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.trainer label,.trainer-top label{font-size:13px;font-weight:bold}.trainer select,.trainer input{font:inherit;padding:12px;border:1px solid #aabdaa;background:white;color:#17372e}.trainer button,.reg-controls button{font:700 13px Arial,sans-serif;padding:13px 17px;border:1px solid #185a43;background:#185a43;color:white;cursor:pointer}.trainer-top button,.trainer-actions button+button,.reg-controls button{background:transparent;color:#185a43}.sequence-label{font-size:10px;letter-spacing:1.3px;font-weight:bold;color:#718b76;margin-top:35px}.sequence,.answer-row{display:flex;align-items:center;gap:14px;margin:14px 0 25px}.sequence strong{font:700 clamp(18px,3vw,28px) monospace;letter-spacing:.12em;overflow-wrap:anywhere}.answer-row input{width:min(100%,370px);font-family:monospace;letter-spacing:.1em}.trainer-hint,.trainer-feedback,.reg-display p{color:#61746a;font-size:14px;line-height:1.7}.trainer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.trainer-feedback{min-height:1.7em;margin-top:18px;font-weight:bold;color:#185a43}.reg-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:35px}.reg-controls{display:flex;flex-direction:column;gap:17px}.reg-controls label{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}.reg-controls input{width:18px;height:18px;accent-color:#185a43;flex-shrink:0}.reg-controls button{align-self:start;margin-top:8px}.reg-display{background:#fff;padding:28px}.gene-map{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:25px 0 35px}.gene-map span{background:#e1ebd2;padding:15px 8px;font-size:11px;text-align:center;line-height:1.7}.gene-map b{font-size:10px;color:#63836a}.rate-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:1px}.rate-label strong{letter-spacing:0;font-size:12px}.rate{height:9px;background:#e4ecdb;margin:12px 0 18px}.rate span{display:block;height:100%;background:#72a169;transition:width .2s}@media(max-width:700px){.reg-layout{grid-template-columns:1fr}.reg-display{padding:20px}.gene-map{grid-template-columns:repeat(2,1fr)}}
.learning-card{margin-top:30px;background:#e9eddb;padding:clamp(25px,4vw,45px);max-width:850px}.learning-card h3{font:30px Georgia,serif;margin:25px 0}.learning-card p{line-height:1.7}.learning-top{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;letter-spacing:1px;color:#67846e}.learning-options{display:grid;gap:10px}.learning-options button{font:inherit;text-align:left;line-height:1.5;background:#fff;border:1px solid #c4d1bf;padding:15px;color:#17372e;cursor:pointer}.learning-options button:hover:not(:disabled){border-color:#185a43}.learning-options button.correct{background:#d2e8c5;border-color:#6d9a69}.learning-options button.wrong{background:#f5e2d8;border-color:#bb8672}.learning-options button:disabled{color:#17372e;opacity:1;cursor:default}.learning-feedback{font-size:14px;color:#315344;min-height:1em;margin-top:18px}.learning-button{margin-top:15px;background:#185a43;color:white;border:0;padding:13px 20px;font-weight:bold;cursor:pointer}
.sort-list{margin:30px 0;display:grid;gap:10px;max-width:900px}.sort-item{display:flex;gap:18px;align-items:center;background:#e9eddb;padding:15px 20px}.sort-item p{flex:1;line-height:1.55;font-size:14px}.sort-num{font:24px Georgia,serif;color:#759c71}.sort-controls{display:flex;gap:5px}.sort-controls button{background:white;border:1px solid #a9bfaa;padding:9px 13px;font-size:16px;color:#17372e;cursor:pointer}.sort-controls button:disabled{opacity:.35;cursor:default}.search-label{display:block;margin:30px 0 10px;font-weight:bold;font-size:13px}#glossary-search{width:min(100%,500px);padding:14px;border:1px solid #9eb49d;font:inherit}.glossary-list{max-width:850px;margin-top:25px}.glossary-list dt{font:24px Georgia,serif;border-top:1px solid #d9e0d2;padding-top:20px}.glossary-list dd{margin:8px 0 22px;color:#61746a;line-height:1.7;font-size:14px}@media(max-width:500px){.sort-item{gap:10px;padding:12px}.sort-controls{flex-direction:column}}