:root{--course-blue:#17364d;--course-blue2:#254b6b;--course-paper:#fffaf0;--course-line:#d8c7aa}
.course-nav{position:sticky;top:0;z-index:9999;background:rgba(23,54,77,.97);color:#fff;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 12px;box-shadow:0 4px 16px rgba(0,0,0,.22);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.course-nav a,.course-nav button{appearance:none;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 12px;margin:0;text-decoration:none;font:700 .88rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.course-nav a:hover,.course-nav button:hover{background:rgba(255,255,255,.22)}
.course-nav .course-current{font-weight:800;padding:0 6px}
.course-nav .course-progress{font-size:.84rem;opacity:.9;padding:0 4px}
.course-nav .course-complete{background:#2f6b3c}
.course-nav .course-finish{background:#8b5e34}
.course-task-correct{outline:3px solid rgba(47,107,60,.42)!important;outline-offset:3px}
@media(max-width:700px){.course-nav{position:relative}.course-nav .course-current{width:100%;text-align:center}}