.mistake-section { margin-top: 34px; }
.path-tools { display: grid; justify-items: end; gap: 14px; }
.mistake-section > h2 { display: flex; gap: 9px; align-items: center; margin-bottom: 14px; }
.mistake-section > h2 span { color: var(--muted); font-size: 13px; }
.mistake-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mistake-card { padding: 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 20px; }
.mistake-card h2 { margin-top: 12px; font-size: 18px; }
.mistake-card p { margin: 6px 0; font-size: 13px; }
.mistake-stats { text-align: center; }
.mistake-stats strong, .mistake-stats span { display: block; }
.mistake-stats strong { font-size: 25px; }
.mistake-stats span { color: var(--muted); font-size: 11px; }
.mastery-track { grid-column: 1 / -1; height: 7px; background: var(--line); border-radius: 7px; overflow: hidden; }
.mastery-track span { display: block; height: 100%; background: var(--green); }
.mistake-card details { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 12px; }
.mistake-card summary { color: var(--blue); cursor: pointer; font-size: 13px; font-weight: 800; }
@media(max-width:800px){.mistake-grid{grid-template-columns:1fr}}