/* mastery-tracker.css — Shared mastery tracker styles for core.html + netplus.html */
.mastery-tracker{margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.mt-head{padding:12px 18px;background:var(--bg-recessed);display:flex;align-items:center;justify-content:space-between}
.mt-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary)}
.mt-status{font-family:var(--font-mono);font-size:.72rem;font-weight:700}
.mt-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px}
.mt-req{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.mt-check{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px}
.mt-check.done{background:var(--prof-strong);color:#fff}
.mt-check.pending{background:var(--bg-recessed);border:2px solid var(--border-strong);color:transparent}
.mt-detail{display:flex;flex-direction:column;gap:4px}
.mt-label{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}
.mt-label a{text-decoration:none;font-weight:700}
.mt-label a:hover{text-decoration:underline}
.mt-sub{font-family:var(--font-body);font-size:.72rem;color:var(--ink-muted);line-height:1.4}
.mt-bar{height:6px;background:var(--bg-recessed);border-radius:3px;overflow:hidden;max-width:220px}
.mt-bar-fill{height:100%;border-radius:3px;transition:width .4s var(--ease-out)}
.mt-hint{font-family:var(--font-body);font-size:.72rem;color:var(--ink-muted);padding:0 18px 14px;border-top:1px solid var(--border);padding-top:10px;line-height:1.5}
.mt-hint strong{color:var(--ink)}