:root { --review-font: 16px; }
body.preview-mode .workspace, body.preview-mode .workspace.ai-closed { grid-template-columns: 280px minmax(0, 1fr); }
.preview-mode .primary-nav a:first-child { display: none; }
.preview-mode .chapter-panel { padding: 24px 18px; }
.preview-mode .sidebar-intro { font-size: 13px; margin-bottom: 12px; }
.review-overview { display: block; padding: 0 10px 18px; font-size: 14px; text-decoration: none; }
.review-search { margin-bottom: 18px; }
.review-search label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.review-search input { width: 100%; min-width: 0; border: 1px solid #c4d2c3; border-radius: 7px; padding: 9px 10px; color: var(--ink); background: var(--card); font-size: 16px; }
.review-search-status { font-size: 12px; color: var(--muted); margin: 6px 0 0; min-height: 20px; }
.review-group { min-width: 0; }
.review-group .chapter01-entry { font-size: 14px; padding: 12px 10px; margin-bottom: 6px; }
.review-group .chapter01-entry::after { content: '＋'; float: right; }
.review-group .chapter01-entry[aria-expanded=true]::after { content: '−'; }
.review-group .chapter01-entry small { font-size: 11px; }
.review-group .chapter-label { font-size: 13px !important; line-height: 1.7; }
.review-group .chapter-number { font-size: 11px; }
.review-group [class$='-tree'] { border-left: 1px solid #c9d8c4; margin: 4px 0 16px 10px; padding-left: 8px; }
.review-tools { position: sticky; top: -1px; z-index: 8; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; background: #f6f5eff5; border-bottom: 1px solid var(--line); padding: 10px 0; margin: -10px auto 12px; max-width: 1100px; }
.review-tools label { margin-left: auto; font-size: 13px; white-space: nowrap; }
.review-tools select { border: 1px solid #c6d4c3; border-radius: 6px; background: var(--card); color: var(--ink); padding: 6px; }
.review-button { font-size: 13px; padding: 7px 10px; border: 1px solid #cfdbca; background: var(--card); border-radius: 7px; color: var(--green); line-height: 1.5; }
.review-button:hover:enabled { background: #e6eee0; }
.review-position { font-size: 12px; color: var(--muted); white-space: nowrap; }
.review-status { max-width: 1100px; margin: 0 auto 12px; color: var(--green); font-size: 13px; }
.review-status:empty { display: none; }
.preview-mode .learning { padding-top: 20px; scroll-padding-top: 100px; }
.preview-mode #chapterContent p, .preview-mode #chapterContent li { font-size: var(--review-font); line-height: 1.95; }
.preview-mode #chapterContent .c01-concepts { columns: 1; }
.preview-mode #chapterContent .c01-section > p, .preview-mode #chapterContent .c01-section > ul { max-width: 78ch; }
.preview-mode #chapterContent details > summary { font-size: 15px; padding-block: 5px; }
.preview-mode .c01-page-index .text-button { font-size: 14px; }
.preview-mode .breadcrumb { font-size: 12px; }
@media(max-width:850px) {
  body.preview-mode .workspace, body.preview-mode .workspace.ai-closed { grid-template-columns: minmax(0,1fr); }
  .preview-mode .chapter-panel.mobile-open { width: min(330px, calc(100vw - 24px)); }
  .review-tools { gap: 6px; }
  .review-tools label { margin-left: 0; }
  .review-button { padding: 7px 8px; font-size: 12px; }
  .preview-mode .learning { scroll-padding-top: 145px; }
}
@media(max-width:570px) {
  .preview-mode .topbar { height: 104px; }
  .preview-mode .workspace, .preview-mode .workspace.ai-closed { height: calc(100dvh - 104px); }
  .preview-mode .preview-badge { font-size: 10px; }
  .preview-mode .primary-nav { flex-basis: auto; flex: 1; }
  .preview-mode .chapter-panel.mobile-open { top: 116px; }
}