.rb-course-page {
    --mc-green: #52d9ff;
    --mc-green-deep: #2f7dff;
    --mc-cyan: #a5caff;
    background: radial-gradient(circle at 8% 18%, rgba(47, 125, 255, .16), transparent 31rem), linear-gradient(135deg, #07121c 0%, #090c14 55%, #161022 100%);
}
.rb-course-page .mc-course-hero::before { background-image: linear-gradient(90deg, #07121c 12%, rgba(7, 18, 28, .72)), url("../../pics/roblox-015-lua-course-poster.png"); }
.rb-course-page .mc-course-hero-copy h1 { max-width: none; font-size: clamp(2.5rem, 5.4vw, 4.8rem); line-height: 1.12; letter-spacing: -.045em; text-wrap: initial; }
.rb-course-page .mc-course-heading h2 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.15; }
.rb-course-page .mc-course-hero-panel dt { flex: 0 0 5em; }
.rb-course-page .mc-course-hero-panel dd { min-width: 0; }
.rb-course-page .mc-curriculum { scroll-margin-top: 6rem; }
.rb-course-page .mc-course-button.is-primary:hover { background: #96eaff; border-color: #96eaff; }
.rb-course-page .mc-path-card { background: linear-gradient(145deg, rgba(22, 36, 54, .96), rgba(8, 13, 23, .96)); }
.rb-course-page .mc-path-card.is-mod { background: linear-gradient(145deg, rgba(46, 31, 55, .96), rgba(13, 11, 22, .96)); }
.rb-course-page .mc-lesson-card:hover,
.rb-course-page .mc-lesson-card:focus-visible { background: rgba(82, 217, 255, .075); border-color: rgba(82, 217, 255, .4); }
.rb-stage-guide { margin: 0 0 1.5rem; color: var(--mc-muted); line-height: 1.8; }
.rb-course-page .rb-lesson-concepts { color: #a5caff; }
.rb-project-detail { padding: 4rem 0; border-top: 1px solid var(--mc-border); scroll-margin-top: 6rem; }
.rb-project-detail h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); line-height: 1.2; }
.rb-project-brief { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0 2rem; }
.rb-project-brief div { padding: 1.2rem; border: 1px solid var(--mc-border); border-radius: 9px; background: rgba(255, 255, 255, .045); }
.rb-project-brief dt { margin-bottom: .5rem; color: var(--mc-cyan); font-weight: 800; }
.rb-project-brief dd { margin: 0; color: var(--mc-muted); line-height: 1.75; }
.rb-project-stages { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: stage; }
.rb-project-stages > li { counter-increment: stage; position: relative; padding: 1.5rem 1.5rem 1.5rem 4.5rem; border: 1px solid var(--mc-border); border-radius: 9px; background: rgba(255, 255, 255, .035); }
.rb-project-stages > li::before { content: counter(stage, decimal-leading-zero); position: absolute; left: 1.3rem; top: 1.5rem; color: var(--mc-green); font-weight: 900; font-size: 1.25rem; }
.rb-project-stages h3 { margin: 0 0 .6rem; font-size: 1.25rem; }
.rb-project-stages p { margin: .6rem 0; color: var(--mc-muted); line-height: 1.8; }
.rb-project-stages strong { color: #f3f7f1; }
.rb-project-stages a { color: var(--mc-green); text-decoration: underline; text-underline-offset: .2em; }
.rb-project-delivery { padding: 1.5rem; margin-top: 2rem; background: rgba(82, 217, 255, .08); border: 1px solid rgba(82, 217, 255, .25); border-radius: 9px; }
.rb-project-delivery ul { padding-left: 1.2rem; line-height: 1.9; }
@media (max-width: 900px) { .rb-project-brief { grid-template-columns: 1fr; } }
@media (max-width: 620px) {
    .rb-course-page .mc-course-hero-copy h1 { font-size: clamp(2.2rem, 10vw, 2.75rem); }
    .rb-project-stages > li { padding: 1.2rem 1rem 1.2rem 3.4rem; }
    .rb-project-stages > li::before { left: 1rem; top: 1.2rem; font-size: 1rem; }
}