/* Added to every course page by the website build: the header link to "My progress". */
.prog-link { margin-left: auto; color: var(--ink); font-weight: 600; text-decoration: none; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); }
.prog-link:hover { background: var(--band); }
.prog-link[aria-current="page"] { background: var(--band); }
.prog-link + .acct-btn, .prog-link + .theme-toggle { margin-left: 0; }
.prog-link[hidden] + .acct-btn { margin-left: auto; }
@media (max-width: 520px) { .prog-link { padding: 5px 9px; font-size: 0.88rem; } }

/* Lesson video at step 1 (embedded YouTube player, see tajweed-engine/web/build.ts). */
.lesson-video { margin: 4px 0 20px; border-radius: 14px; }
.video-intro { margin: 0 0 12px; font-weight: 600; }
.outcomes-h { margin: 4px 0 8px; font-family: var(--font-head, Georgia, serif); font-size: 1.1rem; color: var(--green, #1f5c4a); }
.outcomes-lead { margin: 0 0 8px; color: var(--muted); }