/* Board-first practice, using the existing APCHESS palette and controls. */
#bookReader{--practice-muted:var(--muted);--practice-panel:var(--card)}
#bookReader .training-context{grid-template-columns:auto 1fr minmax(220px,1fr);margin:18px auto;box-shadow:none}
#bookReader .training-context__path>span,#bookReader .training-context__mode,#bkTaskOrdinal{display:none}
#bookReader .training-context__path b{color:var(--text)}
#bookReader .training-workspace{grid-template-columns:minmax(0,min(560px,calc(100dvh - 240px))) minmax(280px,360px)!important;gap:20px;max-width:1060px;margin:auto;align-items:start;justify-content:center}
#bookReader .training-board-zone{grid-column:1;grid-row:1 / span 2}
#bookReader .training-task-panel{grid-column:2;grid-row:1;position:static;min-height:280px!important;gap:18px;padding:22px!important}
#bookReader .training-task-panel h3{font-size:1rem!important;color:var(--practice-muted);order:-1}
#bookReader .training-rail{grid-column:2;grid-row:2;position:static;max-height:none;min-width:0;padding:0;background:var(--practice-panel);border:1px solid var(--line);border-radius:16px}
#practiceTopics[hidden]{display:none!important}
#practiceTopics>summary{padding:16px;min-height:48px;cursor:pointer;font-weight:700;color:var(--text)}
#practiceTopics[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
#practiceTopics #stageTabs,#practiceTopics #bkChapters{margin:12px!important}
#practiceTopics #stageTabs>div:first-child{display:none}
#practiceTopics .chapter-btn{min-height:44px}
#practiceTopics #stageTabs button{min-height:44px;min-width:44px}
#bookReader .training-feedback{display:none;min-height:0}
#bookReader .training-feedback:has(button){display:block}
#bookReader .training-feedback:has(button) .status{display:block!important;font-size:0}
#bookReader .training-feedback:has(button) button{font-size:.9rem;margin:0!important;min-height:44px}
#bookReader .bk-avatar{height:82px!important}
#bookReader .bk-bubble{font-size:1.05rem;font-weight:650;line-height:1.5}
#bookReader .btns{display:flex;flex-wrap:wrap;gap:8px}
#bookReader #bkNextUnsolved{min-height:44px;font-size:.9rem}
#bookReader #bkNextUnsolved:not(.is-solved){width:auto;background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
#bookReader #bkNextUnsolved.is-solved{width:100%;color:#153555;background:var(--apc-gold);border-color:var(--apc-gold);box-shadow:none}
#bookReader .tb-btn{min-width:44px;min-height:44px}
#bookReader .training-secondary-actions{margin-top:auto}
#bookReader .training-secondary-actions>summary{min-height:44px;display:flex;align-items:center;color:var(--text)}
#bookReader .training-secondary-actions>summary::before{content:'＋';margin-right:8px}
#bookReader .training-secondary-actions[open]>summary::before{content:'−'}
#bookReader button:focus-visible,#bookReader summary:focus-visible{outline:3px solid #187ac4;outline-offset:3px}
html[data-theme="dark"] #practiceTopics #stageTabs span{color:var(--text)!important}
@media(max-width:760px){
  #bookReader .training-context{grid-template-columns:auto 1fr;gap:8px;padding:10px;margin:12px 0}
  #bookReader .training-context__progress{grid-column:1 / -1}
  #bookReader .training-workspace{display:flex!important;flex-direction:column;gap:12px}
  #bookReader .training-task-panel{display:contents!important}
  #bookReader .training-board-zone{order:2;width:100%}
  #bookReader .training-rail{order:6;width:100%}
  #bookReader .bk-coach{order:1;width:100%!important;padding:14px!important;border:1px solid var(--line);border-radius:16px;background:var(--card)}
  #bookReader .btns{order:3;width:100%;margin:0}
  #bookReader .training-feedback{order:4;width:100%}
  #bookReader .training-secondary-actions{order:5;width:100%}
  #bookReader #qaBox,#bookReader #examResult{order:7;width:100%}
  #bookReader #examTimer{order:0}
  #bookReader .bk-avatar{height:60px!important}
  #bookReader .training-task-panel h3{display:none}
  #bookReader .bk-bubble{font-size:1rem}
  #bookReader .training-secondary-actions{border:0;padding:0;margin:0}
  #bookReader .training-secondary-actions>summary{min-height:36px;font-size:.8rem}
  #bookReader .training-task-panel .toolbar{margin-left:auto}
  #bookReader .training-board-zone .board-frame{padding:6px}
}
@media(prefers-reduced-motion:reduce){#bookReader .pop,#bookReader .bk-avatar,#bookReader .training-context__bar i{animation:none!important;transition:none!important}}