/* Editorial refinements: fewer competing surfaces and readable hierarchy. */
#ol-studio{color:#142033}
#ol-studio .s-header{padding-left:32px;padding-right:27px;gap:18px}
#ol-studio .my-learning-link{font-size:12px;font-weight:550;letter-spacing:.1px}
#ol-studio .lms-header-actions{gap:10px}
#ol-studio #workspace-search{display:flex;align-items:center;gap:11px;background:#f7f9f7;border:1px solid #e4ebe6;border-radius:10px;padding:0 12px;min-height:36px;color:#738078;font-size:10px;font-weight:400}
#ol-studio #workspace-search svg{width:15px;height:15px;flex:none}
#ol-studio #workspace-search kbd{display:grid;place-items:center;background:#fff;border:1px solid #e4ebe6;width:19px;height:20px;border-radius:4px;color:#93a197;font:10px Inter,system-ui;margin-left:22px}
#ol-studio #account-button{border:1px solid #e4ebe6;background:white;border-radius:10px;min-height:36px;font-size:11px}
#ol-studio #outline-open{background:white;border-color:#e4ebe6;border-radius:10px;min-height:36px}
#ol-studio .learning-sidebar{background:#183a2a}
#ol-studio .sidebar-brand{font-weight:650;letter-spacing:-1.1px}
#ol-studio .sidebar-brand>span{color:#b0d4b4}
#ol-studio .sidebar-label{color:#83a892;letter-spacing:1.7px;font-size:8px}
#ol-studio .sidebar-profile{display:flex;gap:10px;align-items:center;padding:17px 5px 0;margin-top:15px;border-top:1px solid #ffffff16}
#ol-studio #sidebar-initials{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffffff15;border:1px solid #ffffff14;color:#c4decb;font:550 10px Inter,system-ui;flex:none}
#ol-studio .sidebar-profile>div{min-width:0}
#ol-studio #sidebar-name{font:500 10px/1.6 Inter,system-ui;display:block;color:#edf5ef;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#ol-studio #sidebar-role{font:400 8px/1.8 Inter,system-ui;display:block;color:#8eb29c}
#ol-studio .workspace-page{background:#fcfdfc;padding:29px 34px}
#ol-studio .w-page-heading{margin-bottom:24px}
#ol-studio .w-page-heading h1{font-size:29px;font-weight:550;letter-spacing:-1px;line-height:1.35;margin:8px 0 9px}
#ol-studio .w-page-heading p{color:#7b8780;font-size:12px}
#ol-studio .w-eyebrow{color:#809688;letter-spacing:1.6px;font-size:8px}
#ol-studio .w-overview-grid{gap:25px;grid-template-columns:minmax(0,1fr) 250px}
#ol-studio .w-resume-card{padding:25px 27px;border-radius:17px;background:#193e2b;box-shadow:0 13px 25px -23px #17382d80}
#ol-studio .w-resume-card::after{right:-45px;top:-120px;width:290px;height:290px;border-color:#ffffff0c}
#ol-studio .w-resume-card h2{font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.9px;margin:12px 0 9px}
#ol-studio .w-resume-card p{font-size:11px;color:#c0d5c6}
#ol-studio .w-hero-bottom{margin-top:20px;gap:15px}
#ol-studio .w-button{border-radius:8px;font-size:10px;min-height:37px;padding:10px 14px;box-shadow:0 2px 4px #193e2b05}
#ol-studio .w-button-outline{background:transparent;border:1px solid #d5e1d8;color:#176b43!important}
#ol-studio .w-button-outline:hover{background:#f0f5f1}
#ol-studio .w-metrics{border:1px solid #e5ece7;background:white;border-radius:13px;margin:16px 0 23px;gap:0;padding:0 5px}
#ol-studio .w-metric{background:transparent;border:0;border-radius:0;padding:18px 17px;position:relative}
#ol-studio .w-metric:not(:last-child)::after{content:'';position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#e9eeea}
#ol-studio .w-metric strong{font-weight:500;font-size:24px;letter-spacing:-1px}
#ol-studio .w-metric>span{font-size:10px;margin:6px 0 4px;color:#56705e}
#ol-studio .w-metric small{font-size:8px;color:#98a49c}
#ol-studio .w-section-heading h2{font-size:17px;font-weight:550;letter-spacing:-.4px}
#ol-studio .w-course-card{gap:21px;padding:20px;border-color:#e4ebe6;border-radius:16px;grid-template-columns:133px minmax(0,1fr)}
#ol-studio .w-course-art{min-height:175px;background:#eff5f0;border:0;border-radius:11px;gap:16px}
#ol-studio .w-language-mark{font-size:40px;font-weight:500;letter-spacing:-2px}
#ol-studio .w-course-copy h2{font-size:21px;font-weight:550;margin:8px 0}
#ol-studio .w-course-copy>p{font-size:11px;color:#7b8780;line-height:1.8}
#ol-studio .w-course-meta{font-size:9px;margin:10px 0 14px;color:#96a198}
#ol-studio .w-card-actions{margin-top:16px}
#ol-studio .w-milestone-panel{background:#f5f8f5;border-color:#e4ebe6;border-radius:16px;padding:23px 20px}
#ol-studio .w-milestone-panel h2{font-size:19px;font-weight:550;letter-spacing:-.6px;margin-bottom:20px}
#ol-studio .w-path-row{gap:12px;padding-bottom:20px}
#ol-studio .w-path-row h3{font-size:11px;font-weight:600}
#ol-studio .w-path-row p{font-size:10px;color:#829087}
#ol-studio .w-cert-panel{background:#fff;border-radius:16px;margin-top:16px;padding:21px}
#ol-studio .w-cert-panel h3{font-size:17px;font-weight:550}
#ol-studio .w-cert-panel p{font-size:10px;line-height:1.9;color:#829087}
#ol-studio .w-account-panel{background:#f8f9f5;border-radius:16px;padding:21px}
#ol-studio .w-account-panel h3{font-size:13px;font-weight:550}
#ol-studio .w-account-panel p{font-size:10px}
#ol-studio .w-java-course-card{display:flex;align-items:center;gap:24px;border:1px solid #e4ebe6;border-radius:16px;background:white;padding:23px 27px;margin-top:19px;max-width:900px}
#ol-studio .w-java-mark{display:grid;place-items:center;width:90px;height:90px;border-radius:12px;background:#f3f4eb;color:#6d784e;font:550 22px/1 Inter,system-ui;letter-spacing:-1px;flex:none}
#ol-studio .w-java-course-card>div:nth-child(2){flex:1;min-width:0}
#ol-studio .w-java-course-card h2{font-size:20px;font-weight:550;margin:8px 0;letter-spacing:-.5px}
#ol-studio .w-java-course-card p{font-size:11px;line-height:1.8;color:#7b8780}
#ol-studio .w-java-course-card small{display:block;font-size:9px;line-height:1.8;color:#98a49c;margin-top:10px}
#ol-studio .w-java-banner{background:#edf4ef;border:1px solid #dbe7de;border-radius:14px;padding:20px 22px;margin-bottom:24px}
#ol-studio .w-java-search{display:block;width:100%;max-width:550px;padding:13px 16px;border:1px solid #dce6df;border-radius:10px;background:#fff;color:#142033;font:12px Inter,system-ui;margin:0 0 22px}
#ol-studio .w-java-search-result{font-size:11px;color:#738078;margin:16px 0}
#ol-studio .w-java-banner strong{font-size:13px;color:#193e2b;font-weight:550}
#ol-studio .w-java-banner p{font-size:12px;line-height:1.9;color:#738078;margin:10px 0 15px;max-width:760px}
#ol-studio .w-java-module{background:white;border:1px solid #e4ebe6;border-radius:14px;padding:17px 20px;margin-bottom:12px}
#ol-studio .w-java-module>summary{display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none}
#ol-studio .w-java-module>summary strong{flex:1;font-size:13px;font-weight:550}
#ol-studio .w-java-module>summary small{font-size:9px;color:#849188;white-space:nowrap}
#ol-studio .w-java-module>summary::-webkit-details-marker{display:none}
#ol-studio .w-java-lesson{margin:16px 0 0;border-top:1px solid #edf1ee;padding-top:13px}
#ol-studio .w-java-lesson>summary{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px;cursor:pointer;list-style:none;padding:4px 0}
#ol-studio .w-java-lesson>summary small{font-size:9px;color:#849188;flex:none}
#ol-studio .w-java-lesson p{font-size:12px;line-height:1.9;color:#738078;margin:15px 0}
#ol-studio .w-java-lesson .w-java-objective{border-left:2px solid #bfd6c7;padding-left:13px;color:#176b43}
#ol-studio .w-java-code{background:#172a23;color:#e9f2eb;border-radius:12px;font:12px/1.8 Consolas,monospace;padding:20px;overflow:auto;margin:19px 0}
#ol-studio .w-java-lesson h3{font-size:12px;font-weight:600;margin-top:18px}
#ol-studio .w-java-output{background:#f2f6f3;border:1px solid #e4ebe6;border-radius:9px;font:12px/1.8 Consolas,monospace;padding:15px;overflow:auto;margin:13px 0}
#ol-studio .w-java-step-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#ol-studio .w-java-step-preview>section{padding:17px;border:1px solid #e4ebe6;border-radius:12px;background:#fafcfb}
#ol-studio .w-java-step-preview h3{margin:0;font-size:12px}
#ol-studio .w-java-step-preview p{font-size:11px;margin:10px 0 0}
#ol-studio .w-java-lesson .w-java-runtime-note{font-size:10px;color:#849188}
@media(min-width:768px){
 #ol-studio{border-color:#183a2a;box-shadow:0 24px 60px -36px #17382d75}
 #ol-studio .learning-sidebar nav a[aria-current=page]{background:#ffffff0d;border-radius:9px}
 #ol-studio .learning-sidebar nav a[aria-current=page]::before{width:3px;top:12px;bottom:12px;background:#b5d6b3}
 #ol-studio .learning-sidebar nav a{font-size:11px;font-weight:450}
 #ol-studio .learning-sidebar nav{gap:5px}
 #ol-studio .sidebar-journey-button,#ol-studio #sidebar-help{font-size:10px;padding-top:11px;padding-bottom:11px}
}
@media(min-width:768px) and (max-width:1150px){
 #ol-studio .w-overview-grid{grid-template-columns:minmax(0,1fr)}
 #ol-studio .w-overview-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
 #ol-studio .w-cert-panel,#ol-studio .w-account-panel{margin-top:0}
 #ol-studio .w-account-panel{grid-column:1/-1}
 #ol-studio #workspace-search>span,#ol-studio #workspace-search kbd{display:none}
 #ol-studio #workspace-search{padding:0 10px}
 #ol-studio .w-java-course-card{gap:18px;padding:20px}
 #ol-studio .w-java-course-card .w-button{font-size:9px;min-width:120px}
}
@media(min-width:768px) and (max-height:680px){
 #ol-studio .sidebar-profile{margin-top:8px;padding-top:11px}
 #ol-studio .learning-sidebar nav a{min-height:36px}
 #ol-studio .sidebar-journey-button,#ol-studio #sidebar-help{padding-top:8px;padding-bottom:8px}
 #ol-studio .sidebar-label{margin-top:18px;margin-bottom:12px}
}
@media(max-width:767px){
 #ol-studio .s-header{padding:0 16px;gap:10px}
 #ol-studio #workspace-search>span,#ol-studio #workspace-search kbd{display:none}
 #ol-studio #workspace-search{padding:0 10px;border:0;background:transparent;width:36px}
 #ol-studio[data-view=lesson-view] #workspace-search{display:none}
 #ol-studio .lms-header-actions{gap:4px}
 #ol-studio .workspace-page{padding:26px 20px}
 #ol-studio .w-page-heading h1{font-size:26px}
 #ol-studio .w-overview-grid{grid-template-columns:1fr;gap:22px}
 #ol-studio .w-resume-card{padding:24px 22px}
 #ol-studio .w-resume-card h2{font-size:24px}
 #ol-studio .w-metrics{padding:0;margin-top:14px}
 #ol-studio .w-metric{padding:16px 11px}
 #ol-studio .w-metric strong{font-size:20px}
 #ol-studio .w-metric>span{font-size:9px;line-height:1.6}
 #ol-studio .w-metric small{font-size:8px}
 #ol-studio .w-course-card{grid-template-columns:1fr;padding:21px}
 #ol-studio .w-course-art{min-height:130px}
 #ol-studio .w-java-course-card{flex-wrap:wrap;gap:18px;padding:21px}
 #ol-studio .w-java-mark{width:64px;height:64px;font-size:18px}
 #ol-studio .w-java-course-card>div:nth-child(2){min-width:145px}
 #ol-studio .w-java-course-card .w-button{width:100%}
 #ol-studio .w-java-course-card h2{font-size:19px}
 #ol-studio .w-java-module{padding:17px 14px}
 #ol-studio .w-java-module>summary{gap:10px;flex-wrap:wrap}
 #ol-studio .w-java-module>summary strong{font-size:12px;min-width:180px}
 #ol-studio .w-java-lesson>summary{font-size:11px;gap:8px}
 #ol-studio .w-java-lesson>summary small{font-size:8px}
 #ol-studio .w-java-step-preview{grid-template-columns:1fr}
 #ol-studio .w-java-code{font-size:11px;padding:16px}
}