:root{--mr-bg:#f7f4ef;--mr-card:#fff;--mr-raised:#f0ede6;--mr-border:#e2ddd4;--mr-text:#1a1816;--mr-secondary:#5c5856;--mr-muted:#6d675f;--mr-accent:#2d5f4d;--mr-highlight:#2d5f4d;--mr-tint:#e6eee9;--mr-error:#923e28}
html.dark-mode{--mr-bg:#1a1a1a;--mr-card:#232323;--mr-raised:#2d2d2d;--mr-border:#383838;--mr-text:#f2efeb;--mr-secondary:#c6c1ba;--mr-muted:#aaa49d;--mr-accent:#365c43;--mr-highlight:#a6c4a4;--mr-tint:#29382f;--mr-error:#e6b19d}
.ielts-mistakes { padding-top: 36px; }
.ielts-mistakes .mr-section-tabs { margin-bottom: 12px; }
.ielts-mistakes .mr-filters { flex-wrap: wrap; }
.ielts-mistakes .mr-section-tabs { flex-wrap: wrap; }
.ielts-mistakes-visual, .ielts-mistakes-audio { margin: 24px 0; }
.ielts-mistakes-visual img, .ielts-mistakes-visual svg { display: block; max-width: 100%; height: auto; margin: 12px auto; }
.ielts-mistakes-visual svg { background: #fff; border-radius: 8px; color: #24352a; }
.ielts-mistakes-visual svg text { fill: #24352a; }
.ielts-mistakes-svg-scroll { overflow-x: auto; max-width: 100%; }
.ielts-mistakes-svg-scroll svg { width: 100%; min-width: 600px; max-width: none; }
.ielts-mistakes-pan-hint { display: none; color: var(--mr-muted); font-size: 12px; }
.ielts-mistakes-visual figure { margin: 16px 0; }
.ielts-mistakes-audio audio { width: 100%; }
.ielts-mistakes-passage { white-space: normal; }
.ielts-mistakes-passage p { margin: 0 0 1em; }
.ielts-mistakes-question { white-space: pre-wrap; }
.mr-saved-context ol.ielts-mistakes-labels { list-style: none; padding-left: 0; }
.ielts-mistakes-labels li { padding: 5px 0; }
.ielts-mistakes-table-scroll { overflow-x: auto; max-width: 100%; }
.ielts-mistakes-table-scroll table, .ielts-mistakes-passage table, .ielts-mistakes-question table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ielts-mistakes-table-scroll td, .ielts-mistakes-table-scroll th,
.ielts-mistakes-passage td, .ielts-mistakes-passage th,
.ielts-mistakes-question td, .ielts-mistakes-question th { border: 1px solid var(--mr-border); padding: 10px; text-align: left; overflow-wrap: anywhere; }
.ielts-mistakes-selected { background: var(--mr-tint); }
.ielts-mistakes-visual .ielts-chart-title { font-weight: 600; }
.ielts-mistakes-visual .ielts-chart-axis-label, .ielts-mistakes-visual .ielts-chart-legend-text { font-size: 11px; }
.ielts-mistakes-visual .ielts-chart-axis-title { font-size: 12px; font-weight: 500; }
.ielts-mistakes-visual .ielts-chart-value { font-size: 9px; }
.ielts-mistakes-visual .ielts-chart-grid { stroke: #e8e3da; stroke-width: 1; }
.ielts-mistakes-visual .ielts-chart-axis { stroke: #9b9489; stroke-width: 1; }
.ielts-mistakes-visual .ielts-chart-bar-2015 { fill: #5c6f5c; }
.ielts-mistakes-visual .ielts-chart-bar-2020 { fill: #9db09d; }
.ielts-mistakes-visual .ielts-pie-slice { stroke: #fff; stroke-width: 2; }
.ielts-mistakes-visual .ielts-pie-1 { fill: #5c6f5c; }
.ielts-mistakes-visual .ielts-pie-2 { fill: #7a937a; }
.ielts-mistakes-visual .ielts-pie-3 { fill: #9db09d; }
.ielts-mistakes-visual .ielts-pie-4 { fill: #b8c9b8; }
.ielts-mistakes-visual .ielts-pie-5 { fill: #d4e1d4; }
.ielts-mistakes-visual .ielts-pie-6 { fill: #e8f0e8; }
.ielts-mistakes-visual .ielts-line-1 { stroke: #5c6f5c; }
.ielts-mistakes-visual .ielts-line-2 { stroke: #2563eb; }
.ielts-mistakes-visual .ielts-line-3 { stroke: #d97706; }
.ielts-mistakes-visual .ielts-line-4 { stroke: #7c3aed; }
.ielts-mistakes-visual [class*="ielts-line-point-"] { stroke: #fff; stroke-width: 2; }
.ielts-mistakes-visual .ielts-line-point-1 { fill: #5c6f5c; }
.ielts-mistakes-visual .ielts-line-point-2 { fill: #2563eb; }
.ielts-mistakes-visual .ielts-line-point-3 { fill: #d97706; }
.ielts-mistakes-visual .ielts-line-point-4 { fill: #7c3aed; }
.ielts-mistakes-visual .ielts-process-title { font-size: 16px; font-weight: 600; }
.ielts-mistakes-visual .ielts-process-box { fill: #f8faf8; stroke: #5c6f5c; stroke-width: 2; }
.ielts-mistakes-visual .ielts-process-number-bg, .ielts-mistakes-visual .ielts-process-arrowhead { fill: #5c6f5c; }
.ielts-mistakes-visual .ielts-process-number { fill: #fff; font-size: 11px; font-weight: 600; }
.ielts-mistakes-visual .ielts-process-label { font-size: 11px; font-weight: 500; }
.ielts-mistakes-visual .ielts-process-description { fill: #6b6157; font-size: 9.5px; }
.ielts-mistakes-visual .ielts-process-arrow { fill: none; stroke: #5c6f5c; stroke-width: 2; }
@media (max-width: 600px) {
    .ielts-mistakes-pan-hint { display: block; }
    .ielts-mistakes { padding-top: 24px; }
    .ielts-mistakes .mr-tabs button { padding: 8px 10px; }
}