@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/plus-jakarta-sans-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--olb-ink:#14132e;--olb-purple:#7839ee;--olb-muted:#706d85;--olb-border:#e8e6ef;--nav-height:84px;--studio-lavender:#e9e0ff;--studio-pink:#fadce9;--studio-mint:#e1f1d9;--studio-yellow:#fff0c0;--studio-peach:#ffe3cf;--studio-blue:#dfeafb}
html,body{margin:0;background:#fbfaff}
#ol-studio{--sidebar-width:0!important;--paper:#fbfaff;--white:#fff;--ink:var(--olb-ink);--sub:var(--olb-muted);--rule:var(--olb-border);--dark:var(--olb-ink);--orange:var(--olb-purple);padding:0!important;width:100%!important;height:100dvh!important;min-height:0!important;border:0!important;border-radius:0!important;background:#fbfaff!important;color:var(--olb-ink)!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;overflow:hidden!important}
#ol-studio *,#ol-studio *::before,#ol-studio *::after{box-sizing:border-box}
#ol-studio button,#ol-studio input,#ol-studio textarea,#ol-studio select{font-family:inherit}
#ol-studio button,#ol-studio a{ -webkit-tap-highlight-color:transparent}
#ol-studio button:focus-visible,#ol-studio a:focus-visible,#ol-studio summary:focus-visible{outline:3px solid #9c6bed;outline-offset:3px}
#ol-studio .learning-sidebar,#ol-studio .s-header{display:none!important}
#ol-studio main[id$='-view']{height:calc(100dvh - var(--nav-height))!important;max-height:calc(100dvh - var(--nav-height));min-height:0!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#d3c7e8 transparent;background:transparent!important;color:var(--olb-ink)}
#ol-studio [hidden]{display:none!important}

/* Brand and the platform navigation share one aligned, readable header. */
#ol-studio .olb-topnav{height:var(--nav-height);position:relative;z-index:35;background:#fff;border-bottom:1px solid #eae7f1;box-shadow:0 4px 22px #25203e04}
#ol-studio .olb-nav-inner{height:100%;max-width:1536px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:30px}
#ol-studio .olb-brand{flex:none;display:flex;align-items:center;justify-content:center;width:182px;height:50px;padding:8px 13px;border-radius:13px;background:#0b0d37;text-decoration:none;box-shadow:0 5px 14px #17133212}
#ol-studio .olb-brand img{display:block;width:100%;height:100%;object-fit:contain}
#ol-studio .olb-brand{position:relative}
#ol-studio .olb-preview-tag{position:absolute;right:-5px;top:-7px;font-size:7px;letter-spacing:.08em;font-weight:800;line-height:1;background:#eee3fd;color:#7546a8;border:2px solid #fff;padding:4px 6px;border-radius:6px}
#ol-studio .olb-toplinks{display:flex;align-items:center;gap:5px;height:100%;white-space:nowrap}
#ol-studio .olb-toplinks a{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:650;letter-spacing:-.02em;color:#777184;text-decoration:none;transition:background .18s,color .18s}
#ol-studio .olb-toplinks a:hover{background:#f7f4fc;color:#29213c}
#ol-studio .olb-toplinks a[aria-current=page]{background:#eee7fc;color:#612fc1}
#ol-studio .olb-toplinks svg,#ol-studio .olb-topactions svg{width:19px;height:19px;flex:none}
#ol-studio .olb-topactions{display:flex;align-items:center;gap:9px;margin-left:auto}
#ol-studio .olb-topactions button,#ol-studio .olb-icon-action{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid transparent;background:#fff;color:#5b526e;border-radius:12px;text-decoration:none;font-size:12px;font-weight:650}
#ol-studio .olb-topactions .olb-search-action{justify-content:flex-start;padding:0 12px;width:205px;background:#f7f6fa;border-color:#ece8f1;color:#756980;font-weight:500}
#ol-studio .olb-search-action kbd{margin-left:auto;border:1px solid #e4ddec;background:#fff;border-radius:5px;padding:1px 5px;font:11px inherit;color:#756980}
#ol-studio .olb-topactions .olb-icon-action{width:42px;flex:none;border-color:#ece7f2}
#ol-studio .olb-topactions .olb-icon-action:hover{background:#eee7fc;color:#6937c3}
#ol-studio .olb-topactions .olb-profile{background:#171332;color:#fff;padding:0 19px;border-radius:12px;white-space:nowrap;font-weight:750;min-height:44px;box-shadow:0 4px 9px #17133214}
#ol-studio .olb-topactions .olb-profile.is-signed-in{padding:0 9px 0 4px;background:#f6f3fc;color:#392b59;box-shadow:none;max-width:160px;overflow:hidden}
#ol-studio .olb-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#a3c8ff,#d9b6fa);color:#31234c;font-size:11px;font-weight:800}
#ol-studio .olb-more{position:relative}
#ol-studio .olb-more summary{display:flex;gap:3px;align-items:center;list-style:none;cursor:pointer;font-size:12px;font-weight:650;color:#6f657f;padding:12px 4px}
#ol-studio .olb-more summary::-webkit-details-marker{display:none}
#ol-studio .olb-more summary svg{width:14px;height:14px}
#ol-studio .olb-more-menu{position:absolute;top:52px;right:0;width:246px;border:1px solid #eee8f5;border-radius:18px;padding:9px;background:#fff;box-shadow:0 18px 52px #271a4929;z-index:80}
#ol-studio .olb-menu-heading{display:block;padding:10px 12px;font-size:9px;letter-spacing:.15em;color:#756980;font-weight:800}
#ol-studio .olb-more-menu a,#ol-studio .olb-more-menu button{display:flex;width:100%;justify-content:flex-start;padding:12px;color:#443653;border:0;border-radius:10px;min-height:40px;font-size:12px;text-decoration:none;background:#fff}
#ol-studio .olb-more-menu a:hover,#ol-studio .olb-more-menu button:hover{background:#f3edfc;color:#6734be}

/* Dashboard keeps the supplied six-color bento language. */
#ol-studio #dashboard-view{padding:20px clamp(20px,4.5vw,92px) 24px!important;background:#fff!important}
#ol-studio .olb-grid{max-width:1450px;height:100%;min-height:0;gap:20px}
#ol-studio .olb-card h2{font-size:clamp(24px,2.1vw,35px)}
#ol-studio .olb-description{font-size:13px;line-height:1.6}
#ol-studio .olb-dark-button,#ol-studio .olb-white-button{min-height:42px;font-size:12px}
#ol-studio .olb-resume-art{isolation:isolate;background:linear-gradient(155deg,#fff,#f8f4ff);box-shadow:0 20px 40px #6951a833}
#ol-studio .olb-resume-art:after{content:'';position:absolute;inset:9px;border:1px solid #eee7ff;border-radius:18px;z-index:-1}
#ol-studio .olb-bulb{width:72%;height:72%;filter:drop-shadow(0 10px 8px #6b4e9a38);animation:studio-float 5s ease-in-out infinite}
#ol-studio .olb-orbit{position:absolute;border:2px solid #b89df099;border-radius:50%;width:58%;aspect-ratio:1;left:20%;top:14%;transform:rotate(28deg) scaleX(1.4)}
#ol-studio .olb-orbit-two{width:42%;left:28%;top:21%;transform:rotate(-25deg) scaleX(1.4);border-color:#f5c178aa}
#ol-studio .olb-art-caption{position:absolute;bottom:14px;font-size:9px;color:#7a65a4}
@keyframes studio-float{50%{transform:translateY(-6px) rotate(3deg)}}

/* Shared scale and purposeful surfaces. */
#ol-studio .workspace-page,#ol-studio .lms-home{padding:30px clamp(24px,4vw,64px) 64px;max-width:1600px;margin:0 auto}
#ol-studio .w-page-heading{margin:0 0 25px}
#ol-studio .w-page-heading h1,#ol-studio .lms-support-view>h1{font-family:inherit;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.18;letter-spacing:-.055em;color:#171332;margin:7px 0 10px}
#ol-studio .w-page-heading p,#ol-studio .lms-support-view>p{font-size:13px;line-height:1.7;color:#7d748a;max-width:75ch}
#ol-studio .w-eyebrow,#ol-studio .s-overline{color:#8a6eb6;font-size:10px;font-weight:750;letter-spacing:.12em}
#ol-studio .w-button,#ol-studio .s-main-action{font-family:inherit;background:#171332!important;color:#fff!important;border:1px solid #171332!important;border-radius:12px!important;padding:11px 18px;font-size:12px;font-weight:700;min-height:43px;text-decoration:none;box-shadow:0 4px 12px #1713320c}
#ol-studio .w-button:hover,#ol-studio .s-main-action:hover{background:#33224f!important}
#ol-studio .w-button-outline{background:#fff!important;color:#4d3e68!important;border:1px solid #dfd7eb!important;box-shadow:none}
#ol-studio .w-button:disabled,#ol-studio .s-main-action:disabled{opacity:.45;cursor:not-allowed}
#ol-studio .w-meter{background:#eae5f0;height:5px}
#ol-studio .w-meter>span,#ol-studio .s-track-fill{background:#8b56e7}

/* Library: discovery, filter controls, equally designed course cards. */
#ol-studio #courses-view>.w-page-heading{max-width:1440px;margin:0 auto 22px}
#ol-studio .catalog-unified-library{max-width:1440px;margin:0 auto!important}
#ol-studio .olb-library-intro{position:relative;background:linear-gradient(110deg,#e8ddff,#f7e3f2);padding:24px 30px;border-radius:22px;margin:0 0 22px;overflow:hidden}
#ol-studio .olb-library-intro:after{content:'';position:absolute;width:230px;height:230px;right:7%;top:-90px;border:30px solid #ffffff60;border-radius:50%;pointer-events:none}
#ol-studio .olb-library-intro h2{font-size:29px;letter-spacing:-.05em;font-weight:800;color:#211638;margin:8px 0}
#ol-studio .olb-library-intro p{font-size:12px;line-height:1.6;color:#746482;max-width:75ch;margin:0}
#ol-studio .olb-library-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
#ol-studio .olb-library-toolbar>input{flex:1 1 280px;width:auto;min-width:0;margin:0;min-height:46px;padding:11px 16px;background:#fff;border:1px solid #e4deed;border-radius:13px;font-size:13px}
#ol-studio .olb-library-filters{display:flex;gap:4px;padding:5px;background:#f0ecf5;border-radius:13px;max-width:100%;overflow:auto}
#ol-studio .olb-filter{border:0;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:700;color:#756980;background:transparent;white-space:nowrap;cursor:pointer}
#ol-studio .olb-filter[aria-pressed=true]{background:#fff;color:#6c3fb4;box-shadow:0 2px 7px #3d2e5810}
#ol-studio #courses-view .catalog-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#ol-studio #courses-view .catalog-unified-card{max-width:none;display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;padding:24px;min-height:267px;background:#f0e9fc!important;border:1px solid #e8dff1!important;border-radius:22px!important;box-shadow:none!important;transition:transform .18s,box-shadow .18s}
#ol-studio #courses-view .catalog-unified-card:nth-child(4n+2){background:#fcebf2!important;border-color:#f3e1ea!important}
#ol-studio #courses-view .catalog-unified-card:nth-child(4n+3){background:#eaf4e4!important;border-color:#e0ebd8!important}
#ol-studio #courses-view .catalog-unified-card:nth-child(4n){background:#fff5d9!important;border-color:#f4e8c4!important}
#ol-studio #courses-view .catalog-unified-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #38274910!important}
#ol-studio #courses-view .catalog-unified-card .w-course-art{display:flex!important;width:116px;height:142px;min-height:0;align-self:start;padding:0!important;background:#ffffffa8;border:0;border-radius:18px;overflow:hidden}
#ol-studio #courses-view .catalog-unified-card .w-course-art img{width:100%;height:100%;object-fit:contain}
#ol-studio #courses-view .catalog-unified-card .w-course-copy{display:flex;flex-direction:column;min-width:0}
#ol-studio #courses-view .catalog-unified-card .w-course-state{align-self:start;background:#ffffffb3;color:#7c628b;font-size:8px;font-weight:800;letter-spacing:.07em;padding:6px 8px;border-radius:6px}
#ol-studio #courses-view .catalog-unified-card .w-course-copy h2{font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.04em;color:#241839;margin:11px 0 8px}
#ol-studio #courses-view .catalog-unified-card .w-course-copy>p{font-size:12px;line-height:1.6;color:#7a6a82;margin:0 0 12px}
#ol-studio #courses-view .catalog-unified-card .w-course-meta{font-size:10px;color:#756980;line-height:1.6;margin:0 0 12px}
#ol-studio #courses-view .catalog-unified-card .w-publication-note{font-size:10px!important;color:#756980!important;margin:10px 0!important}
#ol-studio #courses-view .catalog-unified-card .w-card-actions{gap:11px;margin-top:auto;padding-top:8px}
#ol-studio #courses-view .catalog-unified-card .w-card-actions a{font-size:10px}
#ol-studio #courses-view .catalog-unified-card .w-progress-label{font-size:10px;color:#86758e}
#ol-studio .catalog-pager{border:1px solid #eee8f4;background:#fff;border-radius:14px;padding:12px}
#ol-studio .catalog-pager-status{font-size:12px;color:#756980}

/* The active lesson has one layout owner; no full-height colored empty box. */
#ol-studio #lesson-view.s-content{max-width:1536px;width:100%;padding:18px 32px 8px!important;margin:0 auto;display:flex;flex-direction:column;min-height:0}
#ol-studio #lesson-view .s-breadcrumb{flex:none;padding:0 130px 0 0;margin:0 0 10px;min-height:24px;font-size:12px;color:#756980}
#ol-studio #lesson-view .s-breadcrumb a{color:#756980}
#ol-studio #lesson-view .s-breadcrumb strong{font-weight:600;color:#574164}
#ol-studio #lesson-view .lms-save-status{font-size:10px;color:#756980}
#ol-studio #lesson-view .s-heading-row,#ol-studio #lesson-view .s-journey{display:none!important}
#ol-studio #previous-activity{position:absolute;right:34px;top:103px;font-size:11px;color:#756980;margin:0;z-index:5;background:none;border:0}
#ol-studio .lesson-journey-strip{display:block!important;padding:0!important;margin:0 0 18px!important;flex:none;border:0;background:transparent}
#ol-studio .lesson-context-bar{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:11px;color:#756980;min-height:25px}
#ol-studio .lesson-context-bar button{border:0;background:transparent;color:#745a92;font-size:11px;font-weight:700;padding:0;cursor:pointer}
#ol-studio .lesson-context-count{border-left:1px solid #e5dcec;padding-left:16px}
#ol-studio .lesson-context-position{margin-left:auto;font-weight:650}
#ol-studio .journey-step-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0!important;width:100%}
#ol-studio .journey-step-links button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:66px;padding:12px 16px;border:1px solid transparent!important;border-radius:15px!important;text-align:left;background:#eae2fa!important;color:#4c3864!important;box-shadow:none!important;opacity:1}
#ol-studio .journey-step-links button:nth-child(2){background:#e6f1dc!important;color:#425c33!important}
#ol-studio .journey-step-links button:nth-child(3){background:#fae5ee!important;color:#78425a!important}
#ol-studio .journey-step-links button:nth-child(4){background:#fff0cf!important;color:#795f33!important}
#ol-studio .journey-step-links button[aria-current=step]{border-color:#9d7ac7!important;box-shadow:0 4px 11px #6a468415!important}
#ol-studio .journey-step-links button[disabled]{opacity:.6;cursor:not-allowed}
#ol-studio .journey-stage-number{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:#ffffffa3;color:inherit;font-size:11px;font-weight:800}
#ol-studio .journey-stage-copy{display:grid;gap:4px;min-width:0}
#ol-studio .journey-stage-copy strong{font-size:12px;font-weight:750;letter-spacing:-.02em}
#ol-studio .journey-stage-copy small{font-size:10px;color:inherit;opacity:.7;font-weight:500}
#ol-studio .activity-card{border-radius:20px!important;border-color:#e9e2ef!important;box-shadow:none!important}
#ol-studio .s-lesson-header h1{font-family:inherit!important;letter-spacing:-.045em!important;color:#241730!important;font-weight:800;font-size:30px;line-height:1.18}
#ol-studio .s-eyebrow{color:#756980!important;font-size:10px;font-weight:750;letter-spacing:.1em;margin-bottom:15px}
#ol-studio .s-description,#ol-studio .s-description p{color:#756980;font-size:14px;line-height:1.8}
#ol-studio .s-footer{font-size:10px!important;color:#756980!important;padding:9px 0 0!important;min-height:26px!important;flex:none}
#ol-studio[data-media-step=watch] .activity-card{display:flex!important;flex-direction:column;flex:1;min-height:0;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
#ol-studio[data-media-step=watch] .s-stage{display:block!important;flex:1;min-height:0;overflow:hidden!important;padding:0!important}
#ol-studio[data-media-step=watch] .s-lesson{display:grid!important;grid-template-columns:minmax(310px,1fr) minmax(0,var(--watch-media-width,1.5fr))!important;gap:24px!important;align-items:start;height:100%;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
#ol-studio[data-media-step=watch] .s-lesson-header{padding:26px 26px 22px;background:linear-gradient(145deg,#eee6fb,#f7f2fe);border:1px solid #e5d9f3;border-radius:20px;max-width:none!important;max-height:100%;overflow:auto;scrollbar-width:thin}
#ol-studio[data-media-step=watch] .s-lesson-header h1{font-size:clamp(26px,2.3vw,35px);margin:0 0 16px!important;max-width:22ch}
#ol-studio[data-media-step=watch] .lesson-watch-objective{margin-top:20px!important;padding:16px!important;border:0!important;border-radius:13px;background:#fff3ce;color:#756980;font-size:12px;line-height:1.75}
#ol-studio[data-media-step=watch] .lesson-watch-objective strong{font-size:11px;color:#756980;margin-bottom:6px}
#ol-studio[data-media-step=watch] .lesson-watch-objective p{margin:0;font-size:12px}
#ol-studio .lesson-watch-actions{margin-top:22px}
#ol-studio[data-media-step=watch] #studio-next{position:static!important;width:100%!important;min-height:48px!important;height:48px!important;margin:0!important;background:#7c42d5!important;border-color:#7c42d5!important;border-radius:12px!important;box-shadow:0 5px 13px #7c42d52a!important;font-size:13px!important}
#ol-studio .lesson-watch-next-note{font-size:10px;line-height:1.6;color:#756980;text-align:center;margin:10px 3px 16px}
#ol-studio .lesson-watch-mentor{display:block;border-top:1px solid #e3d7ef;padding-top:15px;font-size:11px;font-weight:650;color:#756980;text-align:center;text-decoration:none}
#ol-studio[data-media-step=watch] .lesson-video-area{width:100%;min-width:0;max-width:none!important;background:#fff!important;border:1px solid #e5ddeb!important;border-radius:20px!important;overflow:hidden;margin:0!important;padding:12px;align-self:start;box-shadow:0 8px 25px #4a2e6a08}
#ol-studio .lesson-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 10px!important;min-height:40px;font-size:11px;color:#756980}
#ol-studio .lesson-media-toolbar label{display:flex;align-items:center;gap:10px}
#ol-studio .lesson-media-toolbar select{border:1px solid #e6daef;background:#faf7fe;color:#756980;border-radius:9px;padding:7px 10px!important;min-height:33px!important;min-width:112px;font-size:11px;margin:0!important}
#ol-studio[data-media-step=watch] .lesson-video-area video{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;border-radius:11px;aspect-ratio:16/9;background:#11152a;box-shadow:none!important}
#ol-studio .lesson-caption-tile{margin:10px 0 0!important;padding:10px 13px!important;background:#e9f2e3!important;border:1px solid #dbe8d2!important;border-radius:11px!important;color:#756980}
#ol-studio .lesson-caption-header{font-size:9px!important;color:#756980!important}
#ol-studio .lesson-caption-text{font-size:12px!important;line-height:1.6!important;min-height:1.6em;color:#756980;margin:5px 0 0!important}
#ol-studio .lesson-caption-toggle{font-size:9px!important;color:#756980!important;min-height:24px!important}
#ol-studio .lesson-media-status{font-size:9px!important;color:#756980!important;line-height:1.5;padding:8px 2px 0!important;margin:0!important}
#ol-studio[data-media-step=theory] .activity-card{background:#f3f8ed!important}
#ol-studio[data-activity=solve] .activity-card{background:#fff4f8!important}
#ol-studio[data-activity=build] .activity-card{background:#fff8eb!important}
#ol-studio .s-code-card{border:1px solid #333543!important;border-radius:16px!important;box-shadow:0 10px 24px #17133212}
#ol-studio .s-code-header{background:#1d2330!important;border-bottom:1px solid #ffffff12;color:#756980!important}
#ol-studio .s-code-tools{background:#1d2330!important;border-color:#ffffff12!important}
#ol-studio .s-code-tools button{border-radius:8px!important;font-size:11px!important}
#ol-studio #studio-check{background:#c5addf!important;color:#392c4c!important;border-color:#c5addf!important}
#ol-studio .lesson-theory{border-radius:12px;color:#6f7c64;font-size:13px;line-height:1.8}

/* Course orientation and journey: colorful cards with calm written content. */
#ol-studio .catalog-journey{max-width:1500px;padding:26px 32px 70px!important;margin:0 auto}
#ol-studio .catalog-path-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;padding:28px 32px;border:0!important;border-radius:23px;background:linear-gradient(110deg,#e7dcfa,#f9e5ed)!important;margin-bottom:22px}
#ol-studio .catalog-path-hero-copy{gap:13px}
#ol-studio .catalog-path-hero h1{font-family:inherit;font-size:clamp(29px,3vw,43px);font-weight:800;letter-spacing:-.055em;color:#37213f;max-width:27ch}
#ol-studio .catalog-path-hero-copy>p{font-size:13px;color:#756980}
#ol-studio .catalog-path-course-image{width:150px;border-radius:20px;filter:drop-shadow(0 12px 13px #693a7b17)}
#ol-studio .catalog-path-facts span{background:#ffffffab;color:#756980;border-radius:8px;font-size:10px;padding:8px 11px}
#ol-studio .catalog-path-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}
#ol-studio .catalog-path-main>.catalog-introduction{background:#e9f3e2;border:1px solid #dce9d2;border-radius:20px;padding:24px 27px}
#ol-studio .catalog-introduction-heading h2,#ol-studio .catalog-path-section-heading h2{font-size:23px;font-weight:800;letter-spacing:-.035em;color:#50613f}
#ol-studio .catalog-introduction-first-idea{border:0;background:#fff8df;border-radius:12px;padding:16px}
#ol-studio .catalog-introduction-first-idea strong{font-size:10px;color:#756980}
#ol-studio .catalog-introduction-first-idea p{font-size:14px;color:#756980;line-height:1.6}
#ol-studio .catalog-orientation-bridge{background:#ffffff85;border-color:#d8e5cf;border-radius:13px}
#ol-studio .catalog-introduction-row{border-color:#d6e5cc}
#ol-studio .catalog-introduction-row dt{color:#756980;font-size:12px}
#ol-studio .catalog-introduction-row dd{color:#756980;font-size:12px}
#ol-studio .catalog-path-side>*{border:0!important;border-radius:18px!important;padding:20px!important}
#ol-studio .catalog-path-side .catalog-path-status{background:#f8dce9}
#ol-studio .catalog-path-status strong{color:#756980}
#ol-studio .catalog-path-side .catalog-path-method{background:#e3edfc}
#ol-studio .catalog-path-side .catalog-path-method h2{color:#756980}
#ol-studio .catalog-path-method>div>span{background:#ffffffac;color:#756980}
#ol-studio .catalog-path-method>div>strong{color:#756980;font-weight:600}
#ol-studio .catalog-path-side .catalog-path-policy{background:#272044!important}
#ol-studio .catalog-path-policy h2{color:#fff!important}
#ol-studio .catalog-path-policy p{color:#756980!important}
#ol-studio .catalog-path-side .catalog-plan-overview{background:#fff3d1;color:#756980}
#ol-studio .catalog-path-side p{font-size:12px;line-height:1.7;color:#756980}
#ol-studio .catalog-path-search{border-color:#e4d9ef;border-radius:12px;font-size:13px;padding:13px 15px}
#ol-studio .catalog-path-main .catalog-module{border:1px solid #e6ddef;border-radius:15px;margin:10px 0;box-shadow:none}
#ol-studio .catalog-module>summary strong{color:#756980;font-size:13px}
#ol-studio .catalog-module-number{background:#eee3fa!important;color:#756980!important;border-radius:10px!important}
#ol-studio .catalog-module:nth-child(4n+2) .catalog-module-number{background:#fae4ed!important;color:#756980!important}
#ol-studio .catalog-module:nth-child(4n+3) .catalog-module-number{background:#e5f0dc!important;color:#756980!important}
#ol-studio .catalog-module:nth-child(4n) .catalog-module-number{background:#fff0ca!important;color:#756980!important}
#ol-studio .catalog-path-main .catalog-lesson summary{font-size:12px;color:#756980}
#ol-studio .catalog-path-main .catalog-lesson p{font-size:12px;color:#756980}
#ol-studio .catalog-path-main .catalog-assessment{background:#f8f4fd;color:#756980}
#ol-studio .catalog-plan-project{border-color:#ebe0f3;border-radius:15px;background:#fff4e8}

/* All catalog lessons use the same four-stage navigation, readable content and media. */
#ol-studio .catalog-lesson-workspace{max-width:1500px;padding:22px 32px 64px!important;margin:0 auto}
#ol-studio .catalog-lesson-heading{padding:0 0 15px}
#ol-studio .catalog-lesson-back{color:#756980;font-size:12px;margin-bottom:15px}
#ol-studio .catalog-lesson-heading h1{font-size:clamp(26px,2.7vw,39px);font-weight:800;letter-spacing:-.045em;color:#382043}
#ol-studio .catalog-lesson-objective{font-size:13px;line-height:1.7;color:#756980;max-width:85ch}
#ol-studio .catalog-lesson-stage-nav{gap:12px;margin:0 0 20px}
#ol-studio .catalog-lesson-stage{border:1px solid transparent;background:#eee3fb;color:#756980;border-radius:12px;min-height:51px;display:grid;place-items:center;font-size:12px;padding:13px 9px}
#ol-studio .catalog-lesson-stage:nth-child(2){background:#e7f3de;color:#756980}#ol-studio .catalog-lesson-stage:nth-child(3){background:#fce5f0;color:#756980}#ol-studio .catalog-lesson-stage:nth-child(4){background:#fff0d3;color:#756980}
#ol-studio .catalog-lesson-stage.active{color:#805899!important;background:#eee3fb;border:1px solid #b99ace;box-shadow:0 4px 12px #9f77b211}
#ol-studio .catalog-lesson-stage-panel,#ol-studio .catalog-lesson-aside{border:1px solid #e5d9ed;border-radius:18px;box-shadow:none;background:#fff}
#ol-studio .catalog-lesson-stage-panel{padding:24px}
#ol-studio .catalog-lesson-stage-panel h2{font-size:25px;color:#7f5399;letter-spacing:-.03em;font-weight:800}
#ol-studio .catalog-lesson-lead,#ol-studio .catalog-lesson-theory{font-size:13px;line-height:1.8;color:#756980}
#ol-studio .catalog-lesson-aside{background:#fff2d9;padding:22px}
#ol-studio .catalog-lesson-aside h3{font-size:19px;color:#756980}
#ol-studio .catalog-lesson-source-note{background:#f1e8fb;border-color:#d3bbe5;border-radius:0 12px 12px 0;color:#756980}
#ol-studio .catalog-lesson-pending{background:#edf4e7;color:#756980;font-size:12px;border-radius:12px;padding:17px}
#ol-studio .catalog-lesson-video video{border-radius:12px}
#ol-studio .catalog-lesson-video-placeholder{background:linear-gradient(140deg,#242044,#473460);border-radius:16px}

/* Supporting pages and dialogs follow the same quality standard. */
#ol-studio .w-assessment-rules{background:#fff2d2;border:0;border-radius:15px;color:#756980;padding:18px 22px;font-size:12px}
#ol-studio .w-assessment-rules strong{color:#756980}
#ol-studio .w-assessment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#ol-studio .w-assessment-row{padding:20px;border:1px solid #e8dff1;border-radius:17px;background:#f5eefd;align-items:start;min-height:105px}
#ol-studio .w-assessment-row:nth-child(4n+2){background:#fcebf3;border-color:#f5e0ec}#ol-studio .w-assessment-row:nth-child(4n+3){background:#ecf5e6;border-color:#e3eddc}#ol-studio .w-assessment-row:nth-child(4n){background:#fff6df;border-color:#f4eacf}
#ol-studio .w-assessment-number{background:#ffffffbd;color:#756980;border-radius:11px;font-weight:750}
#ol-studio .w-assessment-row h2{color:#756980;font-size:13px;font-weight:750;line-height:1.5}
#ol-studio .w-assessment-row p{font-size:10px;color:#756980}
#ol-studio .w-locked-label{background:#ffffff9e;color:#756980;font-size:9px}
#ol-studio .workspace-empty,#ol-studio .lms-project-card{background:#eaf3e4;border:1px solid #deebd5;border-radius:20px;padding:25px}
#ol-studio .workspace-empty h2,#ol-studio .lms-project-card h2{color:#756980;font-weight:800;font-size:22px;letter-spacing:-.03em}
#ol-studio .workspace-empty p,#ol-studio .lms-project-card p{color:#756980;font-size:13px;line-height:1.7}
#ol-studio .lms-project-card:nth-child(3n+2){background:#f8e6f1;border-color:#f0d8e6}#ol-studio .lms-project-card:nth-child(3n){background:#e7edfc;border-color:#dae3f6}
#ol-studio .lms-project-card button{background:#3c294d;color:#fff;border:0;border-radius:12px;padding:11px 17px}
#ol-studio .certificate-checklist{border:1px solid #e8dff0;background:#f7f2fd;border-radius:17px;max-width:800px}
#ol-studio .certificate-check-row{border-color:#e8ddef;font-size:12px;color:#756980}
#ol-studio .certificate-check-row strong{color:#756980}
#ol-studio .lms-support-view{max-width:1100px;padding:32px 36px 64px!important}
#ol-studio .lms-support-form,#ol-studio .lms-support-card{border:1px solid #e8dced;border-radius:18px;background:#f4edfc;padding:24px;box-shadow:none}
#ol-studio #mentor-view .lms-support-form{background:#eaf4e3;border-color:#deebd5}#ol-studio #announcements-view .lms-support-card{background:#fff4d8;border-color:#f4e6bd}#ol-studio #notifications-view .lms-support-form{background:#e9effb;border-color:#dce5f4}
#ol-studio .lms-support-form input,#ol-studio .lms-support-form textarea{border:1px solid #e6d9ef;border-radius:12px;background:#fff;color:#756980;padding:13px 15px;font-size:13px;caret-color:#9f71b8}
#ol-studio .lms-support-form h2,#ol-studio .lms-support-list h2{font-weight:750;font-size:20px;color:#756980;letter-spacing:-.03em}
#ol-studio .lms-support-form button,#ol-studio .lms-support-card button,#ol-studio .lms-support-view>button{background:#483056;color:#fff;border:0;border-radius:12px;padding:12px 19px;font-size:12px}
#ol-studio .lms-support-reply{background:#eee1fa;border-left-color:#c0a0d8}
#ol-studio .lms-pref-row input{accent-color:#b18bcb!important}
#ol-studio dialog{font-family:inherit;border-color:#e8dbf1!important;border-radius:21px;background:#fff!important;box-shadow:0 30px 80px #30203f33}
#ol-studio dialog::backdrop{background:#21142e8c;backdrop-filter:blur(5px)}
#ol-studio .lms-outline-dialog{border:0!important;border-radius:21px 0 0 21px!important;padding:28px!important;width:min(470px,100vw)!important;max-width:100vw;height:100dvh;max-height:100dvh}
#ol-studio .lms-outline-dialog h2,#ol-studio .lms-auth-dialog h2{font:800 26px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;color:#8b5da5}
#ol-studio .lms-outline-dialog header{padding-bottom:18px;border-bottom:1px solid #eee2f6}
#ol-studio .outline-search input,#ol-studio .lms-auth-dialog input{font-family:inherit;background:#fcf8ff;border:1px solid #e9dbf3;border-radius:11px;padding:12px 14px;color:#756980}
#ol-studio .lms-outline-dialog summary{color:#756980;font-family:inherit}
#ol-studio .lms-outline-dialog li button{font-family:inherit;color:#756980}
#ol-studio .lms-outline-dialog li button.current{background:#f2e7fb;color:#756980}
#ol-studio .lms-auth-dialog{padding:32px;background:linear-gradient(145deg,#fff,#fbf5ff)!important}
#ol-studio .lms-auth-dialog label,#ol-studio .lms-auth-dialog p{font-family:inherit;color:#756980}
#ol-studio .lms-auth-dialog .s-main-action{background:#9b6bb8!important;border-color:#9b6bb8!important}
#ol-studio #auth-toggle{color:#756980!important;font-weight:700}

/* Text colors remain accessible on all pastel surfaces. */
#ol-studio .s-description,#ol-studio .s-description p{color:#655c73}
#ol-studio .lesson-watch-objective,#ol-studio .lesson-watch-objective p{color:#75633b!important}
#ol-studio .lesson-watch-objective strong{color:#6a5428!important}
#ol-studio .lesson-watch-next-note,#ol-studio .lesson-watch-mentor{color:#827091}
#ol-studio .lesson-caption-text{color:#526946!important}
#ol-studio .lesson-caption-header,#ol-studio .lesson-caption-toggle{color:#64775a!important}
#ol-studio .catalog-path-hero-copy>p,#ol-studio .catalog-lesson-objective,#ol-studio .catalog-lesson-lead,#ol-studio .catalog-lesson-theory{color:#776781}
#ol-studio .catalog-introduction-row dt{color:#5b7445}#ol-studio .catalog-introduction-row dd{color:#756980}
#ol-studio .catalog-introduction-first-idea p{color:#796d3f}
#ol-studio .catalog-path-side p{color:#94718a}
#ol-studio .catalog-module>summary strong,#ol-studio .catalog-path-main .catalog-lesson summary{color:#7a6489}
#ol-studio .catalog-path-main .catalog-lesson p{color:#756980}
#ol-studio .w-assessment-row h2{color:#796188}#ol-studio .w-assessment-row p{color:#756980}
#ol-studio .lms-support-form input,#ol-studio .lms-support-form textarea{color:#7b6389}

@media(min-width:1024px){#ol-studio #lesson-view.s-content{overflow:hidden!important}#ol-studio[data-media-step=watch] .s-content{height:calc(100dvh - var(--nav-height))}#ol-studio:not([data-media-step=watch]) .activity-card{padding:24px;gap:20px}#ol-studio[data-media-step=theory] .s-lesson-header h1{font-size:27px}}
@media(min-width:1121px) and (max-height:820px){#ol-studio .olb-grid{gap:14px}#ol-studio .olb-card{padding:18px 25px}#ol-studio .olb-card h2{font-size:clamp(22px,2vw,28px)}#ol-studio .olb-eyebrow{margin-bottom:7px}#ol-studio .olb-description{font-size:11px;margin-bottom:10px}#ol-studio .olb-white-button,#ol-studio .olb-dark-button{min-height:34px}#ol-studio .olb-resume-meter{margin-top:9px}#ol-studio .olb-calendar{padding:8px 10px}#ol-studio .olb-calendar-days{margin-top:4px}#ol-studio .olb-calendar-days span{height:15px}#ol-studio .olb-update-item{padding:8px 2px}#ol-studio .olb-discovery{padding:11px}#ol-studio .olb-explore-cards{top:12%;gap:7px}}
@media(min-width:1024px) and (max-height:790px){#ol-studio #lesson-view.s-content{padding-top:10px!important}#ol-studio #lesson-view .s-breadcrumb{margin-bottom:4px;font-size:11px}#ol-studio .lesson-context-bar{margin-bottom:7px;min-height:20px}#ol-studio .journey-step-links button{min-height:53px;padding:9px 13px}#ol-studio .lesson-journey-strip{margin-bottom:12px!important}#ol-studio .journey-stage-copy small{display:none}#ol-studio[data-media-step=watch] .s-lesson-header{padding:20px}#ol-studio[data-media-step=watch] .s-lesson-header h1{font-size:27px;margin-bottom:12px!important}#ol-studio[data-media-step=watch] .s-description p{font-size:12px;line-height:1.7}#ol-studio[data-media-step=watch] .lesson-watch-objective{margin-top:13px!important;padding:12px!important}#ol-studio .lesson-watch-actions{margin-top:14px}#ol-studio .lesson-watch-mentor{padding-top:10px}#ol-studio .lesson-watch-next-note{margin:7px 0 10px}#ol-studio .s-footer{min-height:20px!important;padding-top:5px!important}}
@media(max-width:1300px){#ol-studio .olb-nav-inner{gap:15px;padding:0 24px}#ol-studio .olb-toplinks a{padding:11px 10px;font-size:12px}#ol-studio .olb-topactions .olb-search-action{width:42px;padding:0;justify-content:center}#ol-studio .olb-search-action span,#ol-studio .olb-search-action kbd{display:none}#ol-studio .olb-brand{width:166px}}
@media(max-width:1120px){#ol-studio .olb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto;min-height:0}#ol-studio .olb-card{grid-column:auto!important;min-height:250px}#ol-studio .catalog-path-layout{grid-template-columns:minmax(0,1fr) 245px}#ol-studio .catalog-lesson-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:1023px){:root{--nav-height:122px}#ol-studio .olb-nav-inner{position:relative;height:122px;align-items:flex-start;padding-top:13px;gap:12px}#ol-studio .olb-brand{height:43px;width:158px}#ol-studio .olb-topactions{height:43px}#ol-studio .olb-toplinks{position:absolute;bottom:8px;left:24px;right:24px;height:43px;justify-content:center;gap:12px}#ol-studio .olb-toplinks a{font-size:12px;padding:11px 16px}#ol-studio #lesson-view.s-content{display:block!important;overflow:auto!important;height:calc(100dvh - var(--nav-height))!important}#ol-studio .activity-card{display:block!important;height:auto!important;overflow:visible!important}#ol-studio[data-media-step=watch] .s-stage{overflow:visible!important;height:auto!important}#ol-studio[data-media-step=watch] .s-lesson{display:grid!important;grid-template-columns:1fr!important;height:auto!important;gap:18px!important;overflow:visible!important}#ol-studio[data-media-step=watch] .s-lesson-header{max-height:none;overflow:visible}#ol-studio[data-media-step=watch] .lesson-video-area{width:100%;max-width:none!important}#ol-studio #previous-activity{position:static;display:block;width:max-content;margin-left:auto;padding:8px 0}#ol-studio #lesson-view .s-breadcrumb{padding:0}#ol-studio .w-assessment-list{grid-template-columns:1fr}}
@media(max-width:850px){#ol-studio #courses-view .catalog-unified-grid{grid-template-columns:1fr}#ol-studio .catalog-path-layout,#ol-studio .catalog-lesson-layout{grid-template-columns:1fr}#ol-studio .catalog-path-side{grid-template-columns:repeat(2,minmax(0,1fr))}#ol-studio .catalog-path-status{grid-column:1/-1}#ol-studio .catalog-lesson-aside{display:block}#ol-studio .olb-more{display:none}#ol-studio .olb-toplinks a{padding:11px 12px}}
@media(max-width:700px){:root{--nav-height:116px}#ol-studio .olb-nav-inner{height:116px;padding:12px 16px 0}#ol-studio .olb-brand{height:40px;width:143px;border-radius:10px}#ol-studio .olb-topactions{gap:5px;height:40px}#ol-studio .olb-topactions .olb-search-action{display:none}#ol-studio .olb-topactions .olb-icon-action{min-height:36px;height:36px;width:36px;border-radius:10px}#ol-studio .olb-topactions .olb-profile{min-height:38px;padding:0 11px;font-size:11px}#ol-studio .olb-toplinks{left:12px;right:12px;bottom:7px;justify-content:space-between;gap:2px;height:43px}#ol-studio .olb-toplinks a{padding:10px 9px;gap:6px;font-size:10px;border-radius:9px}#ol-studio .olb-toplinks svg{width:15px;height:15px}#ol-studio .workspace-page,#ol-studio .lms-home{padding:22px 16px 48px}#ol-studio #dashboard-view{padding:14px!important}#ol-studio .olb-grid{grid-template-columns:1fr;gap:15px}#ol-studio .olb-card{min-height:260px;padding:24px}#ol-studio .olb-card h2{font-size:27px}#ol-studio .olb-calendar{padding:13px 10px;right:4%;width:42%}#ol-studio .olb-courses,#ol-studio .olb-updates,#ol-studio .olb-explore,#ol-studio .olb-growth{display:block;padding-right:24px;min-height:0}#ol-studio .olb-course-list,#ol-studio .olb-update-list,#ol-studio .olb-explore-cards,#ol-studio .olb-ring{position:static;width:100%;height:auto;margin-top:18px;transform:none}#ol-studio .olb-course-pill,#ol-studio .olb-discovery{transform:none!important}#ol-studio .olb-ring{width:140px;height:140px}#ol-studio #lesson-view.s-content{padding:14px 14px 24px!important}#ol-studio #lesson-view .s-breadcrumb{display:flex!important;flex-wrap:wrap;font-size:10px;gap:6px;margin-bottom:10px}#ol-studio #lesson-view .lms-save-status{display:none}#ol-studio .lesson-context-bar{gap:9px;font-size:9px;flex-wrap:wrap;margin-bottom:10px}#ol-studio .lesson-context-bar button{font-size:10px}#ol-studio .lesson-context-count{padding-left:9px}#ol-studio .lesson-context-position{display:none}#ol-studio .journey-step-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}#ol-studio .journey-step-links button{padding:9px 5px;min-height:67px;gap:7px;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:10px!important;text-align:center}#ol-studio .journey-stage-number{width:22px;height:22px;font-size:9px;border-radius:7px}#ol-studio .journey-stage-copy strong{font-size:9px;line-height:1.3}#ol-studio .journey-stage-copy small{display:none}#ol-studio[data-media-step=watch] .s-lesson-header{padding:22px;border-radius:16px}#ol-studio[data-media-step=watch] .s-lesson-header h1{font-size:28px}#ol-studio .s-description p{font-size:13px;line-height:1.8}#ol-studio .lesson-video-area{border-radius:15px!important;padding:9px!important}#ol-studio .lesson-media-toolbar{font-size:10px}#ol-studio .lesson-media-toolbar select{min-width:100px}#ol-studio .olb-library-intro{padding:22px;border-radius:19px}#ol-studio .olb-library-intro h2{font-size:25px}#ol-studio .olb-library-toolbar{gap:12px}#ol-studio .olb-library-toolbar>input{flex-basis:100%}#ol-studio .olb-library-filters{width:100%}#ol-studio #courses-view .catalog-unified-card{grid-template-columns:86px minmax(0,1fr);gap:15px;padding:18px;min-height:0}#ol-studio #courses-view .catalog-unified-card .w-course-art{width:86px;height:100px}#ol-studio #courses-view .catalog-unified-card .w-course-copy h2{font-size:19px}#ol-studio .catalog-journey,#ol-studio .catalog-lesson-workspace{padding:18px 16px 50px!important}#ol-studio .catalog-path-hero{grid-template-columns:minmax(0,1fr) 80px;padding:22px;gap:14px}#ol-studio .catalog-path-course-image{width:80px}#ol-studio .catalog-path-hero h1{font-size:29px}#ol-studio .catalog-path-side{grid-template-columns:1fr}#ol-studio .catalog-path-main>.catalog-introduction{padding:21px}#ol-studio .catalog-lesson-stage-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#ol-studio .catalog-lesson-stage{font-size:10px;padding:12px 9px}#ol-studio .lms-support-view{padding:22px 16px 50px!important}#ol-studio .w-assessment-row{padding:17px;gap:12px}#ol-studio .w-assessment-row .w-locked-label{white-space:normal;max-width:80px;text-align:center}#ol-studio .lms-outline-dialog{border-radius:0!important;padding:22px!important}}
@media(prefers-reduced-motion:reduce){#ol-studio .olb-bulb{animation:none}#ol-studio .olb-card,#ol-studio .catalog-unified-card{transition:none!important}#ol-studio .olb-card:hover,#ol-studio .catalog-unified-card:hover{transform:none!important}}

@media(max-width:850px){#ol-studio .olb-more{display:block!important}#ol-studio .olb-more summary{font-size:0;min-width:25px;min-height:38px;justify-content:center}#ol-studio .olb-more summary:before{content:'•••';font-size:11px;letter-spacing:1px}#ol-studio .olb-more summary svg{display:none}}
@media(max-width:700px){
 #ol-studio[data-media-step=watch] .s-lesson{display:flex!important;flex-direction:column;gap:13px!important}
 #ol-studio[data-media-step=watch] .s-lesson-header{display:contents!important}
 #ol-studio[data-media-step=watch] .s-lesson-header>.s-eyebrow{order:0;margin:3px 0 0;font-size:9px}
 #ol-studio[data-media-step=watch] .s-lesson-header>h1{order:1;font-size:28px;margin:0!important}
 #ol-studio[data-media-step=watch] .s-lesson-header>.s-description{order:2;margin:0 0 3px}
 #ol-studio[data-media-step=watch] .lesson-video-area{order:3;margin:0!important}
 #ol-studio[data-media-step=watch] .lesson-watch-objective{order:4;margin:0!important;width:100%}
 #ol-studio[data-media-step=watch] .lesson-watch-actions{order:5;margin:0;width:100%}
 #ol-studio .lesson-watch-next-note{margin:9px 0 12px}
}
@media(max-width:420px){#ol-studio .olb-topactions>a.olb-icon-action{display:none}#ol-studio .olb-nav-inner{gap:7px}#ol-studio .olb-toplinks a{padding:10px 7px;font-size:10px}}

/* The published Python/Java journey uses the same platform, not its old skin. */
#ol-studio #home-view{max-width:1536px;margin:auto;border-radius:0!important;padding:0!important;background:transparent!important}
#ol-studio #home-view .dashboard-layout{grid-template-columns:minmax(0,1fr) 294px;gap:22px;padding:24px 32px;height:100%}
#ol-studio #home-view .dashboard-main{background:transparent;padding:0;overflow:hidden}
#ol-studio #home-view .lms-home-intro{padding:0 170px 0 0;margin:0 0 13px;min-height:64px}
#ol-studio #home-view .lms-home-intro h1{font-family:inherit;color:#34213e;font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1.2;margin:6px 0}
#ol-studio #home-view .lms-home-intro p{color:#756980;font-size:12px}
#ol-studio #home-view .dashboard-toolbar{margin:0 0 18px;padding:0;min-height:45px;gap:9px}
#ol-studio #home-view .dashboard-pill{background:#fff;border:1px solid #e7dbf0;color:#8f709f;border-radius:10px;padding:11px 15px;font-size:11px}
#ol-studio #home-view .dashboard-pill.active{background:#ece1fa;border-color:#e2d1f1;color:#756980}
#ol-studio #home-view #continue-course{top:0;right:0;min-height:42px;padding:11px 18px;font-size:11px}
#ol-studio #home-view .journey-modules{gap:12px;padding-right:5px}
#ol-studio #home-view .journey-module{border:1px solid #e6d9ef!important;border-radius:17px;background:#eee5fa;box-shadow:none!important}
#ol-studio #home-view .journey-module:nth-child(4n+2){background:#fbe5ef;border-color:#f1d9e6!important}#ol-studio #home-view .journey-module:nth-child(4n+3){background:#e7f2df;border-color:#dce9d3!important}#ol-studio #home-view .journey-module:nth-child(4n){background:#fff1d2;border-color:#f2e5c2!important}
#ol-studio #home-view .journey-module>summary{min-height:148px;padding:20px;gap:20px}
#ol-studio #home-view .module-illustration{display:grid;place-items:center;flex:none;width:74px;height:80px;min-width:74px;background:#ffffffa6;border:1px solid #ffffffb9;border-radius:17px;color:#756980}
#ol-studio #home-view .module-illustration svg{display:none}
#ol-studio #home-view .module-illustration:before{content:attr(data-number);font-size:28px;font-weight:800;letter-spacing:-.06em}
#ol-studio #home-view .journey-module-heading .module-kicker{color:#756980;font-size:9px;letter-spacing:.1em;margin-bottom:7px}
#ol-studio #home-view .journey-module-heading strong{font-size:18px;font-weight:750;color:#785789;letter-spacing:-.025em}
#ol-studio #home-view .module-description{font-size:12px;line-height:1.7;color:#756980;margin:8px 0!important;max-width:70ch}
#ol-studio #home-view .journey-module-heading>span{color:#756980;font-size:10px}
#ol-studio #home-view .module-card-meta{margin-top:12px}
#ol-studio #home-view .journey-status{color:#756980;font-size:10px}
#ol-studio #home-view .module-arrow{background:#ffffffb0;color:#756980;width:27px;height:27px;border-radius:9px}
#ol-studio #home-view .journey-track{background:#ffffff99;margin:0 20px 10px;height:4px}
#ol-studio #home-view .journey-track>span{background:#ba94d3}
#ol-studio #home-view .journey-module li button{font-size:12px;line-height:1.6;min-height:46px;padding:11px 13px;color:#756980;border-radius:9px}
#ol-studio #home-view .journey-module li button:hover:not(:disabled){background:#ffffffb5}
#ol-studio #home-view .journey-module li button:disabled{opacity:.55}
#ol-studio #home-view .journey-quiz{background:#ffffffb0;border:0;color:#756980;border-radius:10px;margin:10px 20px 18px;padding:12px 16px;font-size:11px}
#ol-studio #home-view .dashboard-insights{display:flex;flex-direction:column;gap:12px;padding:24px 20px;background:#fff;border:1px solid #e9dfef;border-radius:20px;overflow:auto}
#ol-studio #home-view .learning-calendar{order:20;border-top:1px solid #eee2f5;padding-top:20px;margin-top:10px}
#ol-studio #home-view .insight-heading h2{font-size:20px;font-weight:800;color:#756980;letter-spacing:-.03em}
#ol-studio #home-view .progress-orbit{margin:0 auto;flex:none;border-color:#ede1f6;width:120px;height:120px}
#ol-studio #home-view .progress-orbit strong{color:#756980;font-size:27px}
#ol-studio #home-view .progress-caption{color:#756980;font-size:11px;text-align:center;margin:0}
#ol-studio #home-view .insight-stats{margin:2px 0;padding:10px 0;border-color:#eee1f5}
#ol-studio #home-view .insight-stats strong{color:#756980}
#ol-studio #home-view .next-milestone{padding:17px;background:#e8f3df;border-radius:14px;border:0;margin:0}
#ol-studio #home-view .next-milestone h3{font-size:15px;color:#756980;margin:10px 0}
#ol-studio #home-view .next-milestone p{font-size:11px;color:#756980;line-height:1.7}
#ol-studio #home-view .next-milestone button{background:#fff;border:0;color:#756980;border-radius:10px;padding:11px;font-size:10px}
#ol-studio #home-view .project-promise{padding:17px;background:#fff2d5;border:0;border-radius:14px;margin:0}
#ol-studio #home-view .project-promise h3{color:#756980;font-size:15px}
#ol-studio #home-view .project-promise p{color:#756980;font-size:11px;line-height:1.7}
#ol-studio #home-view .insight-save-note{font-size:10px;margin:0;color:#756980}
#ol-studio .cp-panel.cp-guest{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 22px;align-items:center;padding:15px 20px;background:#fff8e9;border:1px solid #f0e7ce;border-radius:14px;margin-bottom:20px}
#ol-studio .cp-guest strong{font-size:13px;color:#756980}
#ol-studio .cp-guest p{font-size:11px;line-height:1.5;color:#756980;margin:0}
#ol-studio .cp-guest button{grid-column:2;grid-row:1/3;font-size:10px;min-height:37px}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-layout{grid-template-columns:1fr}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-objective{display:none}
#ol-studio .catalog-watch-grid{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.35fr);gap:23px;background:transparent;border:0;padding:0}
#ol-studio .catalog-watch-copy{padding:23px;background:#f0e8fa;border:1px solid #e4d6ef;border-radius:18px}
#ol-studio .catalog-watch-copy h2{font-size:23px;color:#805b97}
#ol-studio .catalog-watch-copy .catalog-lesson-source-note{margin:16px 0;background:#ffffff99;padding:13px;border:0;border-radius:11px}
#ol-studio .catalog-watch-copy .catalog-lesson-source-note p{font-size:12px;line-height:1.8;color:#756980}
#ol-studio .catalog-watch-copy .catalog-lesson-lead{font-size:12px;color:#756980}
#ol-studio .catalog-watch-copy .catalog-lesson-actions{margin-top:18px}
#ol-studio .catalog-watch-copy .catalog-lesson-actions a{width:100%;font-size:11px}
#ol-studio .catalog-watch-deck{padding:12px;border:1px solid #e5d7ef;border-radius:18px;background:#fff;min-width:0}
#ol-studio .catalog-watch-deck .catalog-lesson-video{margin:0}
#ol-studio .catalog-watch-deck video{width:100%;max-height:calc(100dvh - 390px);object-fit:contain;background:#171332}
#ol-studio .catalog-watch-deck>.catalog-lesson-status{font-size:10px;line-height:1.6;margin:12px 3px 2px;color:#756980}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-aside{display:flex;align-items:center;gap:14px;padding:15px 20px;background:#fff4d8;flex-wrap:wrap}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-aside>p.catalog-lesson-status{display:none}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-aside h3{font-size:13px;margin:0}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-aside p{font-size:10px;margin:0}
#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-aside .w-button{margin:0 0 0 auto;font-size:10px;min-height:36px}
#ol-studio #certificate-content{padding:30px;background:linear-gradient(120deg,#e9e0fa,#f8e7f0);border:1px solid #e5d7ef;border-radius:22px;max-width:1050px;margin:auto}
#ol-studio #certificate-content h1{font-family:inherit;font-weight:800;letter-spacing:-.045em;font-size:32px;color:#795289}
#ol-studio #certificate-content>p{color:#756980;font-size:13px;max-width:75ch;line-height:1.8}
#ol-studio #certificate-content>a{display:block;margin-top:15px;color:#756980;font-size:11px}
#ol-studio .fq-notice,#ol-studio .fq-card{background:#f2eafb;border:1px solid #e6d5f1;border-radius:20px;box-shadow:none}
#ol-studio .fq-choice{border-color:#e2cfee;background:#fff;border-radius:12px;color:#756980}
#ol-studio .fq-choice:has(input:checked){background:#e9f3de;border-color:#c8dbb4}
#ol-studio .fq-choice input{accent-color:#b58ace}
#ol-studio .fq-actions button.fq-primary,#ol-studio .lms-final-quiz .fq-primary{background:#8b5baa;border-color:#8b5baa;color:#fff;border-radius:12px}
#ol-studio #home-view .module-description,#ol-studio #home-view .journey-module li button{color:#786583}
#ol-studio #home-view .next-milestone h3{color:#667e50}#ol-studio #home-view .next-milestone p{color:#756980}
#ol-studio .cp-guest p{color:#756980}
@media(max-width:1023px){#ol-studio #home-view .dashboard-layout{height:auto;display:flex;padding:20px;overflow:visible}#ol-studio #home-view .dashboard-main{overflow:visible}#ol-studio #home-view .journey-modules{overflow:visible}#ol-studio #home-view .dashboard-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#ol-studio #home-view .learning-calendar{grid-column:1/-1}#ol-studio .catalog-watch-grid{grid-template-columns:1fr}#ol-studio .catalog-watch-deck video{max-height:none}}
@media(max-width:700px){#ol-studio #home-view .dashboard-layout{padding:18px 14px}#ol-studio #home-view .lms-home-intro{padding:0!important;min-height:0;margin-bottom:20px}#ol-studio #home-view .lms-home-intro h1{font-size:28px}#ol-studio #home-view #continue-course{position:static!important;margin-top:12px}#ol-studio #home-view .dashboard-toolbar{flex-wrap:wrap}#ol-studio #home-view .journey-module>summary{min-height:130px;padding:17px;gap:14px}#ol-studio #home-view .module-illustration{width:45px;height:55px;min-width:45px;border-radius:12px}#ol-studio #home-view .module-illustration:before{font-size:20px}#ol-studio #home-view .journey-module-heading strong{font-size:16px}#ol-studio #home-view .module-description{font-size:11px}#ol-studio #home-view .dashboard-insights{display:flex}#ol-studio .cp-panel.cp-guest{grid-template-columns:1fr;padding:16px}#ol-studio .cp-guest button{grid-column:1;grid-row:3;justify-self:start;margin-top:7px}#ol-studio .catalog-watch-grid{gap:16px}#ol-studio .catalog-watch-copy{padding:20px}#ol-studio .catalog-lesson-workspace[data-learning-stage=watch] .catalog-lesson-aside .w-button{margin:0}#ol-studio #certificate-content{padding:24px}#ol-studio #certificate-content h1{font-size:28px}}

/* Readability is part of the design, with color carried by surfaces and icons. */
#ol-studio .catalog-path-facts span{color:#68547e}
#ol-studio .catalog-path-side p{color:#76627b}
#ol-studio .catalog-path-status strong{color:#845070}
#ol-studio .catalog-path-side .catalog-path-method h2{color:#4c678d}
#ol-studio .catalog-path-method>div>strong{color:#657b9a}
#ol-studio .catalog-path-side .catalog-plan-overview{color:#8c7744}
#ol-studio .catalog-path-main .catalog-lesson p{color:#82718e}
#ol-studio .catalog-path-main .catalog-assessment{color:#756980}
#ol-studio .catalog-lesson-stage{color:#816497}
#ol-studio .catalog-lesson-stage:nth-child(2){color:#756980}
#ol-studio .catalog-lesson-stage:nth-child(3){color:#756980}
#ol-studio .catalog-lesson-stage:nth-child(4){color:#756980}
#ol-studio .catalog-lesson-aside h3{color:#8b7548}
#ol-studio .catalog-lesson-pending{color:#756980}
#ol-studio .workspace-empty h2,#ol-studio .lms-project-card h2{color:#647f46}
#ol-studio .workspace-empty p,#ol-studio .lms-project-card p{color:#756980}
#ol-studio .certificate-check-row{color:#826c92}
#ol-studio .certificate-check-row strong{color:#8a60a8}
#ol-studio .lms-support-form h2,#ol-studio .lms-support-list h2{color:#836091}
#ol-studio .lms-outline-dialog summary{color:#7d5d8f}
#ol-studio .lms-outline-dialog li button{color:#756980}
#ol-studio .lms-auth-dialog label,#ol-studio .lms-auth-dialog p{color:#756980}
#ol-studio .lms-auth-dialog input{color:#80608f}

#ol-studio .catalog-path-policy p{color:#d7cbe6!important}
#ol-studio .lesson-video-area:fullscreen video{height:0!important;max-height:none!important;flex:1;min-height:0;width:100%;object-fit:contain}
#ol-studio .lesson-video-frame{position:relative;min-width:0;border-radius:12px;overflow:hidden;background:#11132e}
#ol-studio[data-media-step=watch] #visible-tests,#ol-studio[data-media-step=watch] .lms-values{display:none!important}
#ol-studio .lesson-start-cover{position:absolute;inset:0 0 42px;width:100%;border:0!important;border-radius:0!important;cursor:pointer;background:linear-gradient(115deg,#11132ef5,#292044df 65%,#43345da6);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;padding:clamp(20px,3vw,42px);overflow:hidden}
#ol-studio .lesson-start-cover:after{content:'';position:absolute;right:-40px;top:-100px;width:320px;height:320px;border:1px solid #c9a6fb25;border-radius:50%;box-shadow:0 0 0 45px #c9a6fb0b,0 0 0 90px #c9a6fb05;pointer-events:none}
#ol-studio .lesson-cover-brand{position:absolute;top:24px;left:26px;width:43px;height:43px;border-radius:11px;box-shadow:0 8px 22px #090b2529}
#ol-studio .lesson-cover-copy{position:relative;display:grid;gap:14px;max-width:72%;z-index:1;padding-bottom:5px}
#ol-studio .lesson-cover-copy>small{font-size:10px;font-weight:750;letter-spacing:.17em;color:#bda2da}
#ol-studio .lesson-cover-copy>strong{font-size:clamp(22px,2.5vw,37px);font-weight:750;line-height:1.22;letter-spacing:-.045em;color:#fff}
#ol-studio .lesson-cover-duration{font-size:11px;color:#a48ebd}
#ol-studio .lesson-cover-play{position:relative;z-index:1;flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7f4dad;box-shadow:0 6px 28px #0002;margin-bottom:5px;transition:transform .18s}
#ol-studio .lesson-cover-play svg{width:28px;height:28px;margin-left:2px}
#ol-studio .lesson-start-cover:hover .lesson-cover-play{transform:scale(1.08)}
#ol-studio .lesson-video-area:fullscreen .lesson-video-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
#ol-studio .lesson-video-area:fullscreen .lesson-video-frame video{height:100%!important;max-height:100%!important;flex:none;object-fit:contain}
#ol-studio #home-view .project-promise>span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;color:#917940}
#ol-studio #home-view .project-promise>span svg{display:block;width:28px;height:28px}
#ol-studio #home-view .progress-orbit{background:conic-gradient(#b393d0 0%,#ede3f4 0)!important;border-color:#ede3f4}
#ol-studio #home-view .project-promise a{color:#8c7447;font-size:11px}
@media(max-width:700px){#ol-studio .lesson-start-cover{padding:17px;inset:0 0 37px}#ol-studio .lesson-cover-brand{width:28px;height:28px;left:17px;top:15px}#ol-studio .lesson-cover-copy{gap:7px;max-width:73%;padding:0}#ol-studio .lesson-cover-copy>small{font-size:7px;letter-spacing:.12em}#ol-studio .lesson-cover-copy>strong{font-size:20px}#ol-studio .lesson-cover-duration{font-size:8px}#ol-studio .lesson-cover-play{width:40px;height:40px;margin-bottom:0}#ol-studio .lesson-cover-play svg{width:21px;height:21px}#ol-studio[data-media-step=watch] .s-lesson-header>h1{padding-top:0!important;margin-top:0!important}#ol-studio[data-media-step=watch] .s-lesson{justify-content:flex-start!important}}