.course-theme{--course-navy: hsl(215 65% 24%);--course-navy-foreground: hsl(0 0% 100%);--course-yellow: hsl(45 96% 58%);--course-yellow-hover: hsl(45 96% 52%);--course-yellow-border: hsl(45 75% 40%);--course-green: hsl(142 64% 34%)}.course-theme .course-eyebrow{color:var(--course-navy);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.course-theme .course-hero{border:1px solid hsl(var(--border));border-left:.5rem solid var(--course-navy);border-radius:calc(var(--radius) + .25rem);background:hsl(var(--card));padding:clamp(1.25rem,3vw,2rem)}.course-theme .course-rail{border:1px solid hsl(var(--border));border-top:.3rem solid var(--course-yellow);border-radius:var(--radius);background:hsl(var(--card));padding:1rem}@media(min-width:1024px){.course-theme .course-rail{position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto}}.course-theme .course-step{display:flex;align-items:center;gap:.625rem;border-radius:calc(var(--radius) * .8);padding:.5rem .625rem;color:hsl(var(--foreground) / .85);font-size:.875rem;line-height:1.3;text-decoration:none;transition:background-color .15s ease}.course-theme .course-step[data-variant=page]{border-radius:0;padding:.75rem 1.25rem}.course-theme a.course-step:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.course-theme .course-step[aria-current=page],.course-theme a.course-step[aria-current=page]:hover{background:var(--course-navy);color:var(--course-navy-foreground);font-weight:600}.course-theme .course-step[aria-current=page] .course-step__badges span{border-color:#fff6;color:var(--course-navy-foreground)}.course-theme .course-step[aria-disabled=true]{color:hsl(var(--muted-foreground));cursor:not-allowed}.course-theme .course-step__marker{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid hsl(var(--border));border-radius:999px;color:var(--course-navy);font-size:.75rem;font-weight:800;line-height:1}.course-theme .course-step[data-state=completed] .course-step__marker{border-color:#1f8e4859;color:var(--course-green)}.course-theme .course-step[data-state=current] .course-step__marker{border-color:var(--course-yellow);background:var(--course-yellow);color:var(--course-navy)}.course-theme .course-step[data-state=locked] .course-step__marker{color:hsl(var(--muted-foreground))}.course-theme .course-step[aria-current=page] .course-step__marker{border-color:var(--course-navy-foreground);background:var(--course-navy-foreground);color:var(--course-navy)}.course-theme .course-next-step{border:1px solid var(--course-yellow-border);background:var(--course-yellow);color:var(--course-navy);font-weight:800}.course-theme .course-next-step:hover{background:var(--course-yellow-hover);color:var(--course-navy)}.course-theme .course-next-step[data-pulse]{box-shadow:0 0 #fbc72d99;animation:course-next-step-pulse 2s ease-out 2}@keyframes course-next-step-pulse{0%{box-shadow:0 0 #fbc72d99}70%{box-shadow:0 0 0 .5rem #fbc72d00}to{box-shadow:0 0 #fbc72d00}}.course-theme .course-completed{border-color:hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--muted-foreground));opacity:1}.course-theme .course-completion{position:relative;display:inline-flex}.course-theme .course-completion>button{position:relative;z-index:1}.course-theme .course-confetti{position:absolute;z-index:0;top:50%;left:50%;pointer-events:none}.course-theme .course-confetti__piece{position:absolute;top:-.2rem;left:-.15rem;width:.3rem;height:.4rem;border-radius:1px;opacity:0;animation:course-confetti-burst 1s cubic-bezier(.2,.7,.3,1) forwards}.course-theme .course-confetti__piece[data-color=yellow]{background:var(--course-yellow)}.course-theme .course-confetti__piece[data-color=navy]{background:var(--course-navy)}.course-theme .course-confetti__piece[data-color=blue]{background:#51b5ec}.course-theme .course-confetti__piece[data-color=green]{background:#27b059}@keyframes course-confetti-burst{0%{opacity:1;transform:rotate(var(--confetti-angle)) translateY(0) rotate(0)}60%{opacity:1}to{opacity:0;transform:rotate(var(--confetti-angle)) translateY(calc(var(--confetti-distance) * -1)) rotate(180deg)}}.dark .course-theme .course-eyebrow,.dark .course-theme .course-step__marker{color:#c4e9fd}.dark .course-theme .course-step[data-state=completed] .course-step__marker{border-color:#4ade8059;color:#4ade80}.dark .course-theme .course-step[data-state=locked] .course-step__marker{color:hsl(var(--muted-foreground))}.dark .course-theme .course-step[data-state=current] .course-step__marker,.dark .course-theme .course-step[aria-current=page] .course-step__marker{color:var(--course-navy)}.dark .course-theme .course-confetti__piece[data-color=navy]{background:#c4e9fd}@media(prefers-reduced-motion:reduce){.course-theme .course-confetti{display:none}.course-theme .course-next-step[data-pulse]{animation:none}}