/* RuthNel unified course shell — 2026-09-28 */
:root{--rn-bg:#07091a;--rn-card:#10152d;--rn-teal:#20e3c2;--rn-teal2:#8cefd4;--rn-purple:#7c3aed;--rn-gold:#e3a62f;--rn-muted:#aeb6ca}
body{overflow-x:hidden}
.rn-course-shell{position:sticky;top:0;z-index:9900;background:rgba(7,9,26,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(140,239,212,.16)}
.rn-course-shell-inner{max-width:1220px;margin:auto;min-height:72px;padding:8px 18px;display:flex;align-items:center;gap:18px}
.rn-course-logo{width:92px;height:58px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(32,227,194,.18));flex:0 0 auto}
.rn-course-title{font:800 15px/1.2 'Nunito',Arial,sans-serif;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rn-course-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.rn-course-actions a{font:900 12px/1 Arial,sans-serif;text-decoration:none;border-radius:999px;padding:10px 13px;border:1px solid rgba(140,239,212,.25);color:var(--rn-teal2);background:rgba(18,168,149,.09)}
.rn-course-actions a:nth-child(2){color:#ffd866;border-color:rgba(227,166,47,.35);background:rgba(227,166,47,.08)}
.rn-course-actions a:nth-child(3){color:#d8c7ff;border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.09)}
/* Hide legacy page-level top bars so there is only one clean header. */
body.rn-standardized .topbar,body.rn-standardized>.nav,body.rn-standardized .topbar-wow,body.rn-standardized .course-nav{display:none!important}
/* Fix old in-course branded strips that overlap their own text. */
body.rn-standardized .brand h1,body.rn-standardized .brand p{max-width:260px}
body.rn-standardized .topbar-inner{gap:10px!important}
body.rn-standardized .topbar-inner .brand{min-width:260px!important}
body.rn-standardized .topbar-inner .brand .badge-icon{display:none!important}
body.rn-standardized .topbar-inner .brand:before{content:"";width:62px;height:62px;background:url('assets/ruthnel-kids-round-logo.png') center/contain no-repeat;display:block;flex:0 0 62px}
/* A single embedded tutor is preferred. Hide legacy floating duplicate buttons/widgets. */
body.rn-has-embedded-tutor #rn-ai-float,body.rn-has-embedded-tutor .rn-ai-float,body.rn-has-embedded-tutor [class*="floating-ai"],body.rn-has-embedded-tutor [class*="ai-float"]{display:none!important}
/* Make course content breathe consistently. */
body.rn-standardized .main,body.rn-standardized main,body.rn-standardized .screen{max-width:1180px;margin-left:auto;margin-right:auto}
body.rn-standardized .course-hero{border-bottom:1px solid rgba(140,239,212,.12)}
body.rn-standardized .course-hero .free-badge{white-space:normal!important}
body.rn-standardized .ai-box{border:1.5px solid rgba(124,58,237,.45)!important;box-shadow:0 0 24px rgba(124,58,237,.09);margin-top:28px!important}
body.rn-standardized .ai-box:before{content:"RUTHNEL AI TUTOR · LESSON HELP";display:block;color:#bfa8ff;font:900 10px/1 Arial,sans-serif;letter-spacing:.12em;margin-bottom:10px}
.rn-lock-card{max-width:540px;background:linear-gradient(145deg,#10152d,#171335);border:1px solid rgba(140,239,212,.25);border-radius:24px;padding:30px;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.45)}
.rn-lock-card img{width:92px;height:92px;object-fit:contain}.rn-lock-card h2{font-family:'Fredoka',Arial,sans-serif;font-size:30px;margin:8px 0;color:#fff}.rn-lock-card p{color:var(--rn-muted);line-height:1.65}.rn-lock-card a{display:inline-block;text-decoration:none;font-weight:900;border-radius:12px;padding:13px 20px;margin:5px}.rn-lock-primary{background:linear-gradient(135deg,var(--rn-gold),#ff7139);color:#fff}.rn-lock-secondary{color:var(--rn-teal2);border:1px solid rgba(140,239,212,.3)}
@media(max-width:720px){.rn-course-shell-inner{min-height:62px;padding:7px 10px}.rn-course-logo{width:66px;height:48px}.rn-course-title{display:none}.rn-course-actions a{padding:9px 10px;font-size:10px}.rn-course-actions a:nth-child(2){display:none}body.rn-standardized .topbar-inner .brand{min-width:0!important}}

/* Correction 100 — unified shell accessibility */
.rn-course-shell a:focus-visible{outline:3px solid #ffd866;outline-offset:3px}
.rn-course-title{color:#fff!important}
.rn-course-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:520px){.rn-course-shell-inner{gap:8px}.rn-course-actions{gap:5px}.rn-course-actions a{font-size:10px!important;padding:9px 8px!important}.rn-course-logo{width:50px!important;height:50px!important}}