/* 说明：案例统计完整复用学习进度的四项汇总、六列表格及下钻样式，只补充视图切换。 */
#caseViewTabs { flex-shrink:0; padding:2px; border:1px solid #e0e6e2; border-radius:8px; background:#fff; }
#caseViewTabs button { min-height:30px; padding:0 11px; font-size:11px; font-weight:500; }
#caseViewTabs button.active { color:#356447; background:#f1f6f2; font-weight:700; }
#caseViewTabs button:focus-visible,.case-study-name:focus-visible { outline:2px solid #4d795a; outline-offset:2px; }
.cases-board .case-grid.case-grid--statistics { display:block; flex:1 1 auto; min-height:0; padding-bottom:0; overflow:auto; }
.case-study { width:100%; min-width:0; }
.case-study-table { min-width:0; }
.cases-board:has(.case-grid--statistics) #caseCount { max-width:210px; }
@media (max-width:1100px) {
  .cases-board:has(.case-grid--statistics) .cases-toolbar { flex-wrap:wrap; }
  .cases-board:has(.case-grid--statistics) .cases-toolbar__right { width:100%; justify-content:space-between; }
}
@media (max-width:820px) {
  .cases-board .case-grid.case-grid--statistics { min-height:290px; }
  .cases-board:has(.case-grid--statistics) #caseCount { max-width:190px; font-size:10px; }
}