/* Final learner mockup adapted to the existing REST-backed candidate studio. */
body.cgl-final{--cgl-side:264px;--cgl-canvas:#eff2f3;--cgl-surface:#fff;--cgl-ink:#12202a;--cgl-muted:#43515c;--cgl-line:#dce1e4;--cgl-navy:#0e2a3a;--cgl-gold:#c9a227;--cgl-ivory:#f3eee2;background:var(--cgl-canvas)!important;color:var(--cgl-ink)!important}
html[data-theme="dark"] body.cgl-final,body.cgl-final[data-theme="dark"]{--cgl-canvas:#0b1318;--cgl-surface:#121c23;--cgl-ink:#ede8de;--cgl-muted:#b6c0c7;--cgl-line:#22313b}
body.cgl-final.cgl-collapsed{--cgl-side:88px}
body.cgl-final .cgcs-main{min-width:0!important;color:var(--cgl-ink)!important;background:var(--cgl-canvas)!important}
body.cgl-final :is(.cgcs-card,.panel,.ring-card,.mini,.cg-commerce-card){border:1px solid var(--cgl-line)!important;border-radius:16px!important;background:var(--cgl-surface)!important;color:var(--cgl-ink)!important;box-shadow:0 1px 2px rgba(14,42,58,.04)!important}
body.cgl-final :is(h1.h1,.cgcs-top h1){font-family:var(--serif,"Fraunces",Georgia,serif)!important;font-size:clamp(27px,2.7vw,38px)!important;line-height:1.18!important;color:var(--cgl-ink)!important}
body.cgl-final :is(.cgcs-main p,.cgcs-main .muted){color:var(--cgl-muted)}
body.cgl-final :is(.next-card,.cgcs-path-command.path-hero,.cgcs-lesson-hero){background:var(--cgl-navy)!important;border:1px solid rgba(201,162,39,.25)!important;border-radius:16px!important;color:var(--cgl-ivory)!important}
body.cgl-final :is(.next-card,.cgcs-path-command.path-hero,.cgcs-lesson-hero) :is(h2,p,.muted){color:var(--cgl-ivory)!important}
body.cgl-final :is(button,a.btn,.cgcs-btn){min-height:44px;max-width:100%;white-space:normal}
body.cgl-final :is(input,select,textarea){max-width:100%;box-sizing:border-box}
body.cgl-final :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--cgl-gold)!important;outline-offset:3px!important}
body.cgl-final .cgl-nav-group{margin:18px 12px 6px!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase;color:#c7b781!important}
body.cgl-final .cgl-side-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border:1px solid var(--cgl-line);border-radius:10px;background:var(--cgl-surface);color:var(--cgl-ink)}
body.cgl-final .cgl-notifications{display:flex!important;align-items:center;justify-content:center;position:relative;width:44px;min-width:44px;height:44px;color:var(--cgl-ink)}
body.cgl-final .cgl-notifications>span{display:none}
body.cgl-final .cgl-notifications small{position:absolute;top:0;right:0;min-width:18px;padding:1px 4px;border-radius:20px;background:#ae3833;color:white;font-size:10px}
body.cgl-final .cgl-skip{position:fixed;top:-100px;left:16px;padding:12px 18px;background:var(--cgl-navy);color:white;z-index:9999;border-radius:10px}
body.cgl-final .cgl-skip:focus{top:12px}
/* Stable official logo; animation is confined to the existing opening state. */
body.cgl-final .cgcs-brand-mark *{animation:none!important}
body.cgl-final .cgcs-side .cg-mark-ring,body.cgl-final .cgcs-boot-brand .cg-mark-ring{stroke:var(--cgl-ivory)!important;fill:none!important}
body.cgl-final .cgcs-side .cg-mark-bars rect,body.cgl-final .cgcs-boot-brand .cg-mark-bars rect{fill:var(--cgl-ivory)!important}
body.cgl-final .cgcs-side .cg-mark-bars .is-gold,body.cgl-final .cgcs-boot-brand .cg-mark-bars .is-gold{fill:var(--cgl-gold)!important}
body.cgl-final .cgcs-boot-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:28px!important;gap:18px!important;background:var(--cgl-navy)!important;border:1px solid rgba(201,162,39,.3)!important;border-radius:22px!important;max-width:min(420px,calc(100vw - 32px))!important;color:var(--cgl-ivory)!important}
body.cgl-final .cgcs-boot-brand{display:block!important;width:72px!important;height:72px!important;background:transparent!important;border:0!important}
body.cgl-final .cgcs-boot-brand svg{width:72px!important;height:72px!important}
body.cgl-final .cgcs-boot-card strong{font-size:20px!important;color:var(--cgl-ivory)!important}
body.cgl-final .cgcs-boot-card small{display:block;margin-top:8px;color:#d4dbe0!important;line-height:1.5}
@media(min-width:1024px){
 html body.cgl-final .cgcs-app{display:block!important;padding-left:var(--cgl-side)!important;min-height:100dvh!important;background:var(--cgl-canvas)!important}
 html body.cgl-final .cgcs-side,html body.cgl-final>.cgcs-side[data-cgcs-side-portaled]{display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--cgl-side)!important;height:100dvh!important;background:var(--cgl-navy)!important;color:var(--cgl-ivory)!important;border-right:1px solid rgba(255,255,255,.1)!important;z-index:70!important}
 html body.cgl-final .cgcs-side-sticky{display:flex!important;flex-direction:column!important;position:static!important;width:100%!important;height:100%!important;max-height:100dvh!important;padding:24px 16px!important;background:var(--cgl-navy)!important;overflow:hidden!important}
 html body.cgl-final .cgcs-app>.cgcs-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0 32px 48px!important;min-height:100dvh!important}
 body.cgl-final .cgcs-side .cgcs-brand{flex:none!important;gap:12px!important;margin-bottom:24px!important;color:var(--cgl-ivory)!important}
 body.cgl-final .cgcs-side .cgcs-brand :is(strong,small){color:var(--cgl-ivory)!important}
 body.cgl-final .cgcs-side .cgcs-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 0 16px!important}
 body.cgl-final .cgcs-nav a{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:10px 12px!important;border-radius:10px!important;color:#d5dfe4!important;background:transparent!important;font-size:14px!important;margin:3px 0!important}
 body.cgl-final .cgcs-nav a:hover,body.cgl-final .cgcs-nav a:focus-visible{background:rgba(255,255,255,.08)!important}
 body.cgl-final .cgcs-nav a.is-active{background:rgba(201,162,39,.15)!important;color:#e5c968!important;border:1px solid rgba(201,162,39,.25)!important}
 body.cgl-final .cgcs-nav a span{font-size:14px!important}
 body.cgl-final .cgcs-user{flex:none!important;margin-top:auto!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-top:12px!important}
 body.cgl-final .cgcs-side-account{display:flex!important;width:100%;gap:10px!important;min-height:52px!important;color:var(--cgl-ivory)!important}
 body.cgl-final .cgcs-side-account :is(strong,small){color:var(--cgl-ivory)!important}
 body.cgl-final .cgcs-logout{display:flex!important;align-items:center;gap:10px;min-height:44px;color:var(--cgl-ivory)!important;font-size:13px!important}
 body.cgl-final .cgcs-shell-topbar{display:flex!important;align-items:center;gap:16px!important;min-height:64px!important;padding:12px 0!important;margin:0 0 28px!important;border-bottom:1px solid var(--cgl-line)!important;background:var(--cgl-canvas)!important}
 body.cgl-final .cgcs-desktop-tools{margin-left:auto!important}
 body.cgl-final .cgcs-mobile-top,body.cgl-final .cgcs-mobile-nav{display:none!important}
 body.cgl-final.cgl-collapsed .cgcs-side :is(.cgcs-brand>span:last-child,.cgcs-nav a>span,.cgl-nav-group,.cgcs-side-account>span:last-child,.cgcs-logout span){display:none!important}
 body.cgl-final.cgl-collapsed .cgcs-side :is(.cgcs-brand,.cgcs-nav a,.cgcs-side-account,.cgcs-logout){justify-content:center!important}
 body.cgl-final.cgl-collapsed .cgcs-side .cgcs-nav-count{display:none!important}
}
@media(max-width:1023px){
 html body.cgl-final .cgcs-side,html body.cgl-final>.cgcs-side[data-cgcs-side-portaled]{display:none!important}
 html body.cgl-final .cgcs-app{display:block!important;padding:0!important}
 html body.cgl-final .cgcs-app>.cgcs-main{width:100%!important;max-width:100%!important;margin:0!important;padding:20px 20px calc(112px + env(safe-area-inset-bottom))!important}
 body.cgl-final .cgcs-mobile-top{display:flex!important;position:sticky!important;top:0!important;z-index:65!important;background:var(--cgl-surface)!important;border-bottom:1px solid var(--cgl-line)!important;min-height:64px;padding-top:env(safe-area-inset-top)!important}
 body.cgl-final .cgcs-shell-topbar,body.cgl-final .cgl-side-toggle{display:none!important}
 body.cgl-final .cgcs-mobile-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:fixed!important;inset:auto 0 0!important;background:var(--cgl-surface)!important;border-top:1px solid var(--cgl-line)!important;padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important;z-index:75!important}
 body.cgl-final .cgcs-mobile-nav :is(a,button){min-width:0!important;min-height:56px!important;font-size:11px!important}
 body.cgl-final .cgcs-mobile-more{max-height:calc(100dvh - 110px - env(safe-area-inset-bottom))!important;overflow-y:auto!important;background:var(--cgl-surface)!important;color:var(--cgl-ink)!important}
 body.cgl-final .cgcs-mobile-more a{min-height:48px!important}
}
@media(max-width:520px){
 html body.cgl-final .cgcs-app>.cgcs-main{padding:18px 16px calc(112px + env(safe-area-inset-bottom))!important}
 body.cgl-final :is(input,select,textarea){font-size:16px!important;scroll-margin-block:100px}
 body.cgl-final .cgcs-mobile-top{padding-inline:12px!important}
 body.cgl-final .cgcs-top-tools{gap:4px!important}
 body.cgl-final .cgcs-mobile-top .cgcs-brand small{font-size:10px!important}
 body.cgl-final .cgcs-main :is(.command,.minis,.grid-main){grid-template-columns:minmax(0,1fr)!important}
 body.cgl-final .cgcs-main :is(.panel,.next-card,.ring-card){padding:20px!important}
}
@media(prefers-reduced-motion:reduce){body.cgl-final *,body.cgl-final *::before,body.cgl-final *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}