.training-hub{background:linear-gradient(120deg,#f2f8f3,#fffdf5);border:1px solid #cbded0;border-radius:18px;padding:22px;margin-bottom:18px;color:#183c31;box-shadow:0 4px 18px #173c2806}.training-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.training-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#437360;margin-bottom:5px}.training-hub h2{font-size:23px;line-height:1.25;font-weight:750;letter-spacing:-.025em}.training-muted{font-size:12px;line-height:1.6;color:#62756b;margin-top:6px}.training-primary,.training-secondary{border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.training-primary{background:#21684e;color:white;box-shadow:0 3px 8px #21684e20}.training-primary:hover{background:#184e3b}.training-primary:disabled,.training-secondary:disabled{opacity:.5;cursor:wait}.training-secondary{background:#e7efe9;color:#245a43}.training-metrics{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 10px}.training-metrics span{padding:5px 10px;border-radius:6px;background:#ffffffb0;color:#446a56;font-size:11px}.training-details{border-top:1px solid #dce7dc;padding-top:11px;margin-top:11px}.training-details summary{font-size:12px;font-weight:700;cursor:pointer;padding:3px 0}.training-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:15px 0}.training-hub h3{font-size:12px;font-weight:750}.training-section-title{margin-top:20px}.training-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e0e9df;font-size:12px}.training-row span{min-width:0;overflow-wrap:anywhere}.training-row button{border:1px solid #c7d8c9;background:#fff;border-radius:7px;padding:5px 9px;color:#285d43;font-weight:600;flex-shrink:0}.training-link{display:inline-block;color:#21684e;font-size:12px;font-weight:700;margin-top:12px}.training-progress{display:flex;gap:5px;align-items:flex-end;height:54px;margin-top:12px}.training-progress span{flex:1;min-height:4px;background:#b8cebd;border-radius:3px 3px 0 0}.training-progress span[data-active="true"]{background:#3c8260}.training-preferences{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:14px 0 3px}.training-preferences label{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:5px}.training-preferences select{border:1px solid #c7d8c9;padding:7px;border-radius:6px;background:white;font-size:12px}.training-preferences .training-check{flex-direction:row;align-items:center;padding-bottom:8px}.training-error{color:#9f3434}.analysis-practice-action{border:1px solid #9bc7b0;background:#edf8f0;border-radius:7px;padding:6px 10px;font-size:11px;color:#21684e;font-weight:700}.coach-choice{border:1px solid #475569;background:#172438;border-radius:6px;padding:5px 7px;color:#e2e8f0;font-size:11px}.coach-candidate{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.coach-candidate input{max-width:105px;border:1px solid #475569;border-radius:6px;background:#0f172a;padding:6px 8px;color:white;font-size:12px}@media(max-width:700px){.training-hub{padding:16px}.training-heading{align-items:flex-start;flex-direction:column;gap:12px}.training-primary{width:100%}.training-columns{grid-template-columns:1fr;gap:16px}.training-hub h2{font-size:21px}#appHeader .navbar{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}#appHeader .navbar>a{padding:6px;font-size:12px}#appHeader #logo>span{display:none}#analysis input[type=url],#analysis textarea{max-width:100%}#analysisSettings label{max-width:100%}}

@media(max-width:1023px){
#mainTreeLayout,#aicoachLayout,#analysisLayout{flex-direction:column!important;height:auto!important;align-items:stretch;min-width:0}
#mainTreeLayout>[data-main-pane="left"],#aicoachLayout>[data-aicoach-pane="left"],#analysisLayout>[data-analysis-pane="left"]{flex:0 0 auto!important;width:100%!important;max-width:540px;min-width:0;margin:0 auto;height:auto!important;padding:12px}
#mainTreeLayout>.tree-holder,#aicoachLayout>[data-aicoach-pane="right"],#analysisLayout>[data-analysis-pane="right"]{flex:0 0 auto!important;width:100%!important;min-width:0;height:auto!important;overflow:visible;padding:12px}
#mainContent,#aicoach,#analysis{height:auto!important;min-width:0;width:100%}
#tree-eval-bar,#chess-coach-eval-bar,#analysis-eval-bar{display:none!important}
#mainTreeLayout .chessboard,#aicoachLayout .chessboard,#analysisLayout .chessboard{width:100%;height:auto!important;aspect-ratio:1;max-height:none}
#mainTreeLayout .tree-holder>div.h-full,#treeContainer{height:auto!important;min-height:200px}
#treeContainer>.title{margin:8px auto}.treeControls{gap:6px}#treeListHolder{flex-wrap:wrap;gap:6px}
#treeContainer .treeControls>div.grow{display:none}#treeSearchControl{max-width:45%}
#appHeader{height:auto;min-height:62px}#appHeader .navbar{margin:8px;align-items:center}#smartBuildPanel{left:0!important;min-width:0!important;width:100%}
#analysisLayout .analysis-panel{max-width:100%;overflow-x:auto}#analysisLayout input,#analysisLayout textarea{max-width:100%}
}
.evidence-note{font-size:11px;color:#64748b;line-height:1.5;margin-top:8px}