/* All additions are scoped; typography, buttons and tokens come from BitSicht. */
.subnet-trainer{min-width:0;overflow-wrap:anywhere}
.subnet-trainer .subnet-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.subnet-trainer .subnet-settings>div,.subnet-trainer .subnet-field{min-width:0}
.subnet-trainer select,.subnet-trainer input{width:100%;min-width:0;box-sizing:border-box}
.subnet-trainer .subnet-seed-row{display:flex;align-items:start;gap:12px}
.subnet-trainer .subnet-seed-row input{flex:1}
.subnet-trainer .subnet-seed-row button{flex:none;margin:0}
.subnet-trainer .subnet-seed-label{font-size:15px;color:var(--muted)}
.subnet-trainer [data-subnet-question]{font:500 clamp(20px,3vw,28px)/1.5 'JetBrains Mono',monospace;margin:32px 0 20px;overflow-wrap:anywhere}
.subnet-trainer .subnet-context,.subnet-trainer .subnet-hint{font-size:16px;line-height:1.65;margin:16px 0 24px}
.subnet-trainer .subnet-hint{color:var(--muted)}
.subnet-trainer fieldset{border:0;padding:0;margin:32px 0;min-width:0}
.subnet-trainer legend{font-weight:600;font-size:20px;margin-bottom:24px;padding:0}
.subnet-trainer .subnet-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.subnet-trainer .subnet-field label{font-size:16px;margin-bottom:8px}
.subnet-trainer .subnet-field input{font-family:'JetBrains Mono',monospace;font-size:16px}
.subnet-trainer .subnet-field-feedback{font-size:15px;line-height:1.5;margin:8px 0 0;min-height:1.5em}
.subnet-trainer .subnet-actions{display:flex;flex-wrap:wrap;gap:16px}
.subnet-trainer .subnet-status{min-height:3em;font-size:16px;line-height:1.6;margin:24px 0}
.subnet-trainer details{padding:16px 0;margin-top:24px;border-top:1px solid var(--line)}
.subnet-trainer summary{cursor:pointer;min-height:44px;font-weight:600}
.subnet-trainer ol{padding-left:24px;line-height:1.7}
.subnet-trainer ol li{padding-left:8px;margin:20px 0}
.subnet-trainer [hidden]{display:none!important}
.subnet-trainer [aria-invalid=true]{border-width:3px}
.subnet-trainer :focus-visible{outline:2px solid var(--network);outline-offset:5px}
@media(max-width:600px){
 .subnet-trainer .subnet-settings,.subnet-trainer .subnet-fields{grid-template-columns:minmax(0,1fr);gap:20px}
 .subnet-trainer .subnet-seed-row{flex-wrap:wrap}
 .subnet-trainer .subnet-seed-row input{flex-basis:100%}
 .subnet-trainer .subnet-actions .button{width:100%;justify-content:center}
}
