/* MKS IELTS Vocabulary Progress Insight Panel | v1.1.4 */
.mks-vocab-progress-panel{border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);padding:24px;margin:24px 0}
.mks-vocab-progress-panel h2{margin-top:0}
.mks-vocab-progress-insight-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center}
.mks-vocab-progress-pie-wrap{display:grid;place-items:center;gap:12px}
.mks-vocab-progress-pie{--mks-vocab-progress:0%;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7c3aed var(--mks-vocab-progress),#e2e8f0 0);position:relative}
.mks-vocab-progress-pie:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}
.mks-vocab-progress-pie strong{position:relative;z-index:1;font-size:2rem;color:#4c1d95}
.mks-vocab-progress-panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.mks-vocab-progress-stat{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#f8fafc}
.mks-vocab-progress-stat strong{display:block;font-size:1.35rem;line-height:1.15;color:#4c1d95}
.mks-vocab-progress-stat span{display:block;margin-top:6px;color:#64748b;font-weight:700}
.mks-vocab-progress-main-track,.mks-vocab-part-track{height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.mks-vocab-progress-main-bar,.mks-vocab-part-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);transition:width .25s ease}
.mks-vocab-progress-part-chart{display:grid;gap:12px;margin-top:18px}
.mks-vocab-progress-part-row{display:grid;grid-template-columns:145px minmax(0,1fr) 76px;gap:12px;align-items:center}
.mks-vocab-progress-part-row strong{color:#111827}
.mks-vocab-progress-part-row span{color:#64748b;font-weight:700;text-align:right}
.mks-vocab-progress-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mks-vocab-progress-insight-box{border-radius:18px;background:linear-gradient(135deg,#faf5ff,#eff6ff);border:1px solid rgba(124,58,237,.22);padding:18px;margin-top:18px}
@media(max-width:980px){.mks-vocab-progress-insight-layout{grid-template-columns:1fr}.mks-vocab-progress-panel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mks-vocab-progress-panel-grid,.mks-vocab-progress-part-row{grid-template-columns:1fr}.mks-vocab-progress-part-row span{text-align:left}.mks-vocab-progress-pie{width:160px;height:160px}}