.reference-theme .practice-mode-tabs { display:flex; gap:8px; padding:6px; margin:0 0 24px; border:2px solid var(--card-border); border-radius:16px; background:#fff; }
.reference-theme .practice-mode-tabs a { flex:1; min-height:44px; display:flex; align-items:center; justify-content:center; border-radius:10px; color:#626b7d; font-weight:700; }
.reference-theme .practice-mode-tabs a.active { background:#ecfdf5; color:#047857; box-shadow:0 2px 0 #bbdfd0; }
.reference-theme .mistake-tools { padding:24px; margin-bottom:20px; border:2px solid var(--card-border); border-bottom-width:5px; border-radius:20px; background:#fff; box-shadow:var(--clay-shadow); }
.reference-theme .mistake-tools .search-field { display:block; width:100%; min-width:0; max-width:none; margin-bottom:18px; }
.reference-theme .mistake-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.reference-theme .mistake-filters label { min-width:0; display:grid; gap:7px; color:#566078; font-size:13px; font-weight:600; }
.reference-theme .mistake-tools select { width:100%; min-width:0; min-height:44px; border-radius:10px; border:1px solid var(--card-border); background:#fffcf8; color:#1a1f36; padding:9px 10px; font-size:14px; text-overflow:ellipsis; }
.reference-theme .mistake-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.reference-theme .mistake-toolbar label { display:flex; align-items:center; gap:8px; font-size:13px; white-space:nowrap; }
.reference-theme .mistake-toolbar select { width:auto; }
.reference-theme .mistake-category { display:block; font-size:12px; color:#047857; font-weight:700; margin-bottom:5px; }
.reference-theme .mistake-head>div { min-width:0; }
.reference-theme .mistake-head .review-label { flex-shrink:0; }
.reference-theme .mistake-explanation { margin:14px 0; border-top:1px solid var(--card-border); border-bottom:1px solid var(--card-border); }
.reference-theme .mistake-explanation>summary,.reference-theme .mistake-materials>summary { padding:13px 0; color:#047857; font-weight:600; cursor:pointer; min-height:44px; }
.reference-theme .mistake-explanation[open] { padding-bottom:16px; }
.reference-theme .mistake-answer-options p { margin:8px 0; line-height:1.7; }
.reference-theme .mistake-materials .markdown { padding:12px; background:#fffaf2; border-radius:12px; }
.reference-theme .mistake-actions { align-items:start; gap:10px; }
.reference-theme .mistake-actions .button { min-height:44px; }
.reference-theme .mistake-more { margin-left:auto; min-width:0; }
.reference-theme .mistake-more>summary { min-height:44px; padding:10px 4px; cursor:pointer; color:#637087; font-size:13px; }
.reference-theme .mistake-more[open] { flex-basis:100%; margin-left:0; }
.reference-theme .mistake-more>div { display:flex; flex-wrap:wrap; gap:10px; padding:8px 0; }
.reference-theme .mistake-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin:24px 0; color:#626b7d; }
.reference-theme .mistake-pagination .button { min-height:44px; }
.reference-theme .mistake-card .answer-comparison strong { overflow-wrap:anywhere; }
@media(max-width:800px) { .reference-theme .mistake-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) {
  .reference-theme .mistake-tools { padding:18px; }
  .reference-theme .mistake-card { padding:18px; }
  .reference-theme .mistake-head { align-items:start; gap:10px; }
  .reference-theme .mistake-more { margin-left:0; }
  .reference-theme .mistake-filters { gap:12px 10px; }
  .reference-theme .mistake-actions { gap:8px; }
  .reference-theme .mistake-actions>.button { flex:1; padding-inline:12px; }
  .reference-theme .mistake-actions>.mistake-more { flex-basis:100%; }
}