/* Separate platform workspace from the syllabus and the lesson player. */
#ol-studio .workspace-page{padding:32px 36px;overflow:auto;scrollbar-width:thin;background:#fbfcfb;height:calc(100% - 72px)}
#ol-studio .w-page-heading{margin-bottom:27px}
#ol-studio .w-eyebrow{display:block;font-size:9px;letter-spacing:1.7px;font-weight:650;color:#6e8677}
#ol-studio .w-page-heading h1{font-size:31px;line-height:1.3;letter-spacing:-1px;margin:9px 0;color:#142033;font-weight:650}
#ol-studio .w-page-heading p{font-size:12px;line-height:1.8;color:#738078}
#ol-studio .w-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}
#ol-studio .w-overview-main,#ol-studio .w-overview-side{min-width:0}
#ol-studio .w-resume-card{border-radius:20px;padding:27px 28px;background:#193e2b;color:white;position:relative;overflow:hidden;box-shadow:0 16px 30px -24px #17382d80}
#ol-studio .w-resume-card::after{content:'';position:absolute;right:-60px;top:-80px;width:230px;height:230px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}
#ol-studio .w-resume-card .w-eyebrow{color:#b4d0bd}
#ol-studio .w-resume-card h2{font-size:25px;line-height:1.35;letter-spacing:-.7px;margin:15px 0 10px;max-width:520px;font-weight:600}
#ol-studio .w-resume-card p{color:#bcd2c4;font-size:12px;line-height:1.8}
#ol-studio .w-hero-bottom{display:flex;gap:18px;align-items:center;margin-top:25px;flex-wrap:wrap}
#ol-studio .w-hero-bottom>span{font-size:10px;color:#bcd2c4}
#ol-studio .w-button{display:inline-flex;align-items:center;justify-content:center;background:#176b43;color:white!important;border:1px solid transparent;border-radius:10px;min-height:40px;padding:11px 16px;font:600 11px/1.4 Inter,system-ui;text-align:center;cursor:pointer;transition:background .18s,transform .18s}
#ol-studio .w-button:hover{background:#125936;transform:translateY(-1px)}
#ol-studio .w-button-light{background:#edf5ef;color:#193e2b!important}
#ol-studio .w-button-light:hover{background:#fff}
#ol-studio .w-link{font-size:11px;color:#176b43;font-weight:550;line-height:1.6}
#ol-studio .w-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 29px}
#ol-studio .w-metric{padding:20px 17px;border:1px solid #e3eae4;background:#fff;border-radius:14px}
#ol-studio .w-metric strong{display:block;font-size:23px;letter-spacing:-.7px;color:#193e2b;font-weight:600;line-height:1.4}
#ol-studio .w-metric>span{display:block;font-size:11px;color:#142033;margin:9px 0 6px}
#ol-studio .w-metric small{display:block;font-size:9px;line-height:1.7;color:#849188}
#ol-studio .w-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}
#ol-studio .w-section-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:600}
#ol-studio .w-course-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:23px;background:#fff;border:1px solid #e3eae4;border-radius:18px;padding:22px;box-shadow:0 10px 22px -24px #193e2b80}
#ol-studio .w-course-art{background:#eaf3ed;border:1px solid #dce8df;border-radius:13px;padding:23px 15px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;color:#193e2b;min-height:180px}
#ol-studio .w-language-mark{font:650 44px/1 Inter,system-ui;letter-spacing:-3px}
#ol-studio .w-course-art code{font:9px/1.6 Consolas,monospace;color:#587061;text-align:center}
#ol-studio .w-course-art>span:last-child{font-size:9px;color:#587061}
#ol-studio .w-course-copy h2{font-size:21px;margin:8px 0 9px;letter-spacing:-.5px;font-weight:600}
#ol-studio .w-course-copy>p{font-size:12px;line-height:1.8;color:#738078;max-width:520px}
#ol-studio .w-course-meta{font-size:10px;color:#849188;margin:13px 0 18px}
#ol-studio .w-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#738078;margin-bottom:8px}
#ol-studio .w-progress-label strong{color:#176b43;font-weight:600}
#ol-studio .w-meter{height:5px;background:#edf1ee;border-radius:20px;overflow:hidden}
#ol-studio .w-meter>span{display:block;height:100%;background:#24894f;border-radius:20px}
#ol-studio .w-card-actions{display:flex;gap:17px;align-items:center;margin-top:19px;flex-wrap:wrap}
#ol-studio .w-milestone-panel{background:#f1f5f2;border:1px solid #e1e9e3;border-radius:18px;padding:24px 21px}
#ol-studio .w-milestone-panel h2{font-size:20px;letter-spacing:-.5px;margin:10px 0 22px;font-weight:600}
#ol-studio .w-path-row{display:flex;gap:13px;position:relative;padding:0 0 23px}
#ol-studio .w-path-row:not(:last-of-type)::after{content:'';position:absolute;left:14px;top:31px;bottom:5px;width:1px;background:#d5e2d9}
#ol-studio .w-path-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cfddd3;background:#fff;border-radius:50%;font-size:9px;color:#176b43;flex:none}
#ol-studio .w-path-row h3{font-size:12px;line-height:1.6;font-weight:600;margin:4px 0 6px}
#ol-studio .w-path-row p{font-size:11px;line-height:1.8;color:#738078}
#ol-studio .w-cert-panel{margin-top:17px;border:1px solid #e3eae4;border-radius:18px;background:#fff;padding:22px}
#ol-studio .w-cert-panel h3{font-size:17px;letter-spacing:-.4px;margin:10px 0 12px;font-weight:600}
#ol-studio .w-cert-panel p{font-size:11px;line-height:1.9;color:#738078;margin-bottom:16px}
#ol-studio .w-account-panel{margin-top:17px;padding:22px;border-radius:18px;border:1px solid #e3eae4;background:#f7f8f3}
#ol-studio .w-account-panel h3{font-size:14px;line-height:1.6;font-weight:600;margin-bottom:10px}
#ol-studio .w-account-panel p{font-size:11px;line-height:1.8;color:#738078;margin-bottom:16px}
#ol-studio .w-account-panel .w-button{width:100%;font-size:10px}
#ol-studio #courses-view .w-course-card{max-width:900px;grid-template-columns:210px minmax(0,1fr);padding:28px;gap:30px}
#ol-studio .w-library-note{border-left:2px solid #bdd2c4;padding:7px 20px;margin-top:28px;max-width:670px}
#ol-studio .w-library-note h3{font-size:14px;line-height:1.5;margin-bottom:8px;font-weight:600}
#ol-studio .w-library-note p{font-size:12px;line-height:1.9;color:#738078}
#ol-studio .w-assessment-rules{display:flex;gap:16px;align-items:center;background:#eaf3ed;border:1px solid #dce8df;border-radius:12px;padding:16px 19px;font-size:11px;margin-bottom:24px;color:#567260;flex-wrap:wrap}
#ol-studio .w-assessment-rules strong{color:#193e2b}
#ol-studio .w-assessment-list{display:grid;gap:11px}
#ol-studio .w-assessment-row{display:flex;align-items:center;gap:20px;padding:20px 22px;border:1px solid #e3eae4;border-radius:14px;background:#fff}
#ol-studio .w-assessment-number{display:grid;place-items:center;background:#f0f5f1;color:#176b43;border-radius:10px;width:39px;height:39px;font-size:12px;flex:none}
#ol-studio .w-assessment-row>div{flex:1;min-width:0}
#ol-studio .w-assessment-row h2{font-size:14px;line-height:1.6;font-weight:600}
#ol-studio .w-assessment-row p{font-size:10px;color:#849188;margin-top:6px}
#ol-studio .w-locked-label{font-size:10px;color:#849188;background:#f5f7f5;border-radius:30px;padding:8px 12px;white-space:nowrap}
#ol-studio .workspace-empty{padding:27px;background:#f1f5f2;border:1px solid #e1e9e3;border-radius:16px;grid-column:1/-1}
#ol-studio .workspace-empty h2{font-size:20px;letter-spacing:-.5px;font-weight:600}
#ol-studio .workspace-empty p{font-size:12px;line-height:1.8;color:#738078;margin:13px 0 18px}
#ol-studio .workspace-empty a{font-size:12px;color:#176b43;font-weight:550}
#ol-studio .certificate-checklist{display:grid;gap:0;background:#fff;border:1px solid #e3eae4;border-radius:16px;margin:25px 0;max-width:650px;overflow:hidden}
#ol-studio .certificate-check-row{display:flex;justify-content:space-between;padding:18px 23px;font-size:12px;border-bottom:1px solid #edf1ee;gap:15px}
#ol-studio .certificate-check-row:last-child{border:0}
#ol-studio .certificate-check-row strong{color:#176b43}
#ol-studio #certificate-content>p{font-size:13px;line-height:1.9;color:#738078;max-width:710px;margin:16px 0}
#ol-studio #certificate-content>a{font-size:12px;color:#176b43;font-weight:550}
#ol-studio #certificate-content .s-main-action{margin-top:22px;background:#176b43;color:white;border-radius:10px;font-size:12px;padding:12px 18px;border:0}
#ol-studio .sidebar-journey-button{display:flex;align-items:center;gap:13px;padding:13px 10px;border:0;background:transparent;font:500 11px Inter,system-ui;color:#c1d5c8;width:100%;text-align:left}
#ol-studio .sidebar-journey-button>span{font-size:19px;width:22px;text-align:center}
#ol-studio .workspace-page a:focus-visible{outline:2px solid #176b43;outline-offset:4px}
#ol-studio .learning-sidebar nav svg,#ol-studio .sidebar-journey-button svg{display:block;width:19px;height:19px}
#ol-studio .w-course-copy .w-publication-note{font-size:9px;line-height:1.7;color:#849188;margin-top:10px}
@media(min-width:768px){
 #ol-studio .learning-sidebar nav{gap:7px}
 #ol-studio .learning-sidebar nav a{min-height:46px;font-size:12px}
 #ol-studio .sidebar-label{margin-top:35px;margin-bottom:17px}
 #ol-studio .sidebar-foot{margin-top:13px}
 #ol-studio .lms-home:not(#home-view){height:calc(100% - 72px);max-width:none;padding:32px 36px;margin:0;overflow:auto;scrollbar-width:thin;background:#fbfcfb}
 #ol-studio .lms-home:not(#home-view) h1{font-size:31px;font-weight:650;line-height:1.35;letter-spacing:-1px;margin:10px 0 17px}
}
@media(min-width:768px) and (max-width:1150px){
 #ol-studio .workspace-page{padding:27px 25px}
 #ol-studio .w-overview-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 #ol-studio .w-overview-side{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}
 #ol-studio .w-cert-panel,#ol-studio .w-account-panel{margin-top:0}
 #ol-studio .w-account-panel{grid-column:1/-1}
 #ol-studio .learning-sidebar nav a{font-size:11px}
 #ol-studio #courses-view .w-course-card{grid-template-columns:150px minmax(0,1fr);padding:23px;gap:23px}
}
@media(min-width:768px) and (max-height:680px){
 #ol-studio .sidebar-label{margin-top:22px}
 #ol-studio .learning-sidebar{padding-top:23px;padding-bottom:18px}
 #ol-studio .learning-sidebar nav{gap:3px}
 #ol-studio .learning-sidebar nav a{min-height:38px}
 #ol-studio .sidebar-foot{display:none}
 #ol-studio #sidebar-help,#ol-studio .sidebar-journey-button{padding-top:10px;padding-bottom:10px}
}
@media(max-width:767px){
 #ol-studio .learning-sidebar{height:54px;padding:0 8px;overflow-x:auto;scrollbar-width:none}
 #ol-studio .learning-sidebar nav{min-width:465px;gap:3px}
 #ol-studio .learning-sidebar nav a{font-size:9px;min-height:40px;padding:10px 7px;gap:5px;flex:none;width:auto}
 #ol-studio .learning-sidebar nav a[aria-current=page]{background:#ffffff15}
 #ol-studio .s-header{top:54px}
 #ol-studio .workspace-page{height:auto;padding:26px 20px;overflow:visible}
 #ol-studio .w-page-heading h1{font-size:27px;line-height:1.35}
 #ol-studio .w-overview-grid{grid-template-columns:1fr;gap:24px}
 #ol-studio .w-resume-card{padding:25px 22px}
 #ol-studio .w-resume-card h2{font-size:23px}
 #ol-studio .w-hero-bottom{gap:13px}
 #ol-studio .w-hero-bottom>span{font-size:10px;line-height:1.8}
 #ol-studio .w-metrics{gap:7px;margin:14px 0 26px}
 #ol-studio .w-metric{padding:16px 10px;border-radius:11px}
 #ol-studio .w-metric strong{font-size:20px}
 #ol-studio .w-metric>span{font-size:10px;line-height:1.6}
 #ol-studio .w-metric small{font-size:8px}
 #ol-studio .w-course-card,#ol-studio #courses-view .w-course-card{grid-template-columns:1fr;padding:22px;gap:20px}
 #ol-studio .w-course-art{min-height:145px;gap:14px}
 #ol-studio .w-card-actions{gap:14px}
 #ol-studio .w-course-meta{line-height:1.8}
 #ol-studio .w-assessment-row{flex-wrap:wrap;padding:18px 16px;gap:12px}
 #ol-studio .w-assessment-row h2{font-size:12px}
 #ol-studio .w-assessment-row>div{min-width:200px}
 #ol-studio .w-locked-label{margin-left:51px;font-size:9px}
 #ol-studio .w-assessment-row .w-button{margin-left:51px}
 #ol-studio .w-section-heading h2{font-size:17px}
 #ol-studio .w-section-heading .w-link{font-size:10px}
 #ol-studio #certificate-view h1{font-size:27px;letter-spacing:-.8px}
}
@media(prefers-reduced-motion:reduce){#ol-studio .w-button{transition:none}#ol-studio .w-button:hover{transform:none}}