html body.s3-premium.path-course-view.s3-modern-active #page.container{padding:12px 18px!important;margin-top:0!important}
html body.s3-premium.path-course-view.s3-modern-active #region-main{padding:0!important;background:transparent!important;border:0!important}
html body.s3-premium.path-course-view #s3-course-modern{max-width:none!important;margin:0 0 18px!important;padding:0!important}
html body.s3-premium #s3-course-modern .s3m-hero{min-height:0!important;padding:12px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between;gap:20px;border-radius:14px!important;background-image:linear-gradient(90deg,#fffefbeF,#ffffffd9),var(--s3-sakura)!important;background-position:center!important;box-shadow:none!important}
html body.s3-premium #s3-course-modern .s3m-copy{min-width:0;max-width:none!important;flex:1}
html body.s3-premium #s3-course-modern .s3m-hero h1{max-width:none!important;font-size:clamp(20px,2vw,28px)!important;line-height:1.25!important;margin:0 0 7px!important;letter-spacing:-.4px!important;overflow-wrap:anywhere}
html body.s3-premium #s3-course-modern .s3m-meta{font-size:12px!important;gap:7px 14px!important}
html body.s3-premium #s3-course-modern .s3m-meta span{font-size:12px!important}
html body.s3-premium #s3-course-modern .s3m-hero-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
html body.s3-premium #s3-course-modern .s3m-course-progress{font-size:12px;font-weight:600;white-space:nowrap;color:#58677c}
html body.s3-premium #s3-course-modern .s3m-next{grid-column:auto!important;grid-row:auto!important;min-height:38px!important;margin:0!important;padding:10px 14px!important;background:#00d9ee!important;color:#102c33!important;border-radius:9px!important;font-size:13px!important;font-weight:700!important;white-space:nowrap}
html body.s3-premium #s3-course-modern .s3m-head{margin:16px 0 10px!important;display:block!important}
html body.s3-premium #s3-course-modern .s3m-head h2{font-size:18px!important;margin:0!important}
html body.s3-premium #s3-course-modern .s3m-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch}
html body.s3-premium #s3-course-modern .s3m-card{min-height:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:10px 10px!important;padding:15px!important;border:1px solid var(--accent)!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,var(--soft))!important;box-shadow:0 2px 7px #182b4310!important;color:#172b43!important}
html body.s3-premium #s3-course-modern .s3m-card:hover{border-color:var(--accent)!important;box-shadow:0 5px 18px #182b431a!important;transform:translateY(-2px)!important}
html body.s3-premium #s3-course-modern .s3m-icon{width:42px!important;height:42px!important;font-size:22px!important;border-radius:12px!important;background:var(--accent)!important;color:#fff!important;display:grid;place-items:center;border:0!important;box-shadow:none!important}
html body.s3-premium #s3-course-modern .s3m-card h3{font-size:15px!important;line-height:1.35!important;margin:0 0 5px!important;font-weight:750!important}
html body.s3-premium #s3-course-modern .s3m-card p{display:block!important;font-size:12px!important;line-height:1.4!important;max-height:none!important;margin:0!important;color:#63738a!important}
html body.s3-premium #s3-course-modern .s3m-cardfoot{grid-column:1/-1!important;grid-template-columns:1fr auto!important;padding:0!important;gap:6px 10px!important;font-size:12px!important;align-self:end}
html body.s3-premium #s3-course-modern .s3m-cardfoot b{font-size:11px;color:var(--accent);font-weight:650}
html body.s3-premium #s3-course-modern .s3m-mini{grid-column:1/-1!important;height:4px!important;margin:0!important;background:#dfe6ef!important;overflow:hidden;border-radius:4px}
html body.s3-premium #s3-course-modern .s3m-mini i{background:var(--accent)!important}
html body.s3-premium #s3-course-modern .s3m-card-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:8px 12px;min-height:34px;border-radius:9px;background:var(--accent);color:#fff;font-size:13px;font-weight:700}
html body.s3-premium #s3-course-modern .s3m-icon{grid-row:1!important}
html body.s3-premium #s3-course-modern .s3m-card-copy{grid-column:2;grid-row:1}
html body.s3-premium #s3-course-modern .s3m-cardfoot{grid-row:2!important}
html body.s3-premium #s3-course-modern .s3m-card-cta{grid-row:3;line-height:20px;padding:7px 12px}
html body.s3-premium #s3-course-modern[data-group-count="2"] .s3m-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.s3-premium #s3-course-modern[data-group-count="1"] .s3m-grid{grid-template-columns:1fr!important;max-width:540px}
html body.s3-premium.path-course-view.s3-modern-active :is(#page-footer,.footer-area,.footer-bottom-area){display:none!important}
html body.s3-premium #s3-lesson-picker{padding:16px}
html body.s3-premium #s3-lesson-picker .s3lp-panel{width:min(900px,100%)!important;max-height:calc(100dvh - 32px)!important;border-radius:16px!important;background:#f8fafd}
html body.s3-premium #s3-lesson-picker .s3lp-panel header{padding:14px 18px!important;align-items:center;background:#fff!important;gap:12px}
html body.s3-premium #s3-lesson-picker .s3lp-panel header>div>span{display:none}
html body.s3-premium #s3-lesson-picker .s3lp-panel header h2{font-size:20px!important;line-height:1.3!important;margin:0 0 4px!important;overflow-wrap:anywhere}
html body.s3-premium #s3-lesson-picker .s3lp-search{padding:10px 18px;display:flex;gap:10px;align-items:center}
html body.s3-premium #s3-lesson-picker .s3lp-search input{width:100%;height:38px;border:1px solid #d7e1ef;border-radius:9px;padding:8px 12px;font-size:13px;background:#fff}
html body.s3-premium #s3-lesson-picker .s3lp-filter-count{white-space:nowrap;font-size:12px;color:#63738a}
html body.s3-premium #s3-lesson-picker .s3lp-list{padding:0 18px 16px!important;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;align-content:start}
html body.s3-premium #s3-lesson-picker .s3lp-item{display:grid!important;min-height:60px!important;padding:9px 11px!important;margin:0!important;grid-template-columns:24px 32px minmax(0,1fr) 14px;gap:8px!important;box-shadow:none!important}
html body.s3-premium #s3-lesson-picker .s3lp-num{font-size:11px!important;width:24px!important;min-width:24px!important;background:transparent!important}
html body.s3-premium #s3-lesson-picker .s3lp-icon{width:32px!important;height:32px!important;min-width:32px!important}
html body.s3-premium #s3-lesson-picker .s3lp-name strong{font-size:13px!important;white-space:normal;overflow-wrap:anywhere}
html body.s3-premium #s3-lesson-picker .s3lp-empty{grid-column:1/-1;padding:16px;margin:0;color:#63738a;text-align:center}
html body.s3-premium #s3-lesson-picker [hidden]{display:none!important}
@media(max-width:1100px){html body.s3-premium #s3-course-modern .s3m-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.s3-premium #s3-course-modern .s3m-hero-actions{flex-direction:column;align-items:flex-end;gap:5px}}
@media(max-width:700px){
 html body.s3-premium.path-course-view.s3-modern-active #page.container{padding:8px 10px!important}
 html body.s3-premium #s3-course-modern .s3m-hero{padding:13px 14px!important;display:block!important}
 html body.s3-premium #s3-course-modern .s3m-hero h1{font-size:21px!important}
 html body.s3-premium #s3-course-modern .s3m-hero-actions{margin-top:10px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
 html body.s3-premium #s3-course-modern .s3m-grid{grid-template-columns:1fr!important;gap:9px!important}
 html body.s3-premium #s3-course-modern[data-group-count="2"] .s3m-grid{grid-template-columns:1fr!important}
 html body.s3-premium #s3-course-modern .s3m-card{padding:13px!important}
 html body.s3-premium #s3-course-modern .s3m-card h3{font-size:15px!important}
 html body.s3-premium #s3-lesson-picker{padding:10px}
 html body.s3-premium #s3-lesson-picker .s3lp-panel{max-height:calc(100dvh - 20px)!important}
 html body.s3-premium #s3-lesson-picker .s3lp-panel header{padding:12px 14px!important}
 html body.s3-premium #s3-lesson-picker .s3lp-search{padding:8px 14px}
 html body.s3-premium #s3-lesson-picker .s3lp-list{grid-template-columns:1fr;padding:0 14px 14px!important}
}

/* A single compact toolbar and two columns, including legacy picker markup. */
html body #s3-lesson-picker#s3-lesson-picker{padding:16px!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,330px) 32px!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px 12px!important;padding:12px!important;width:min(1060px,100%)!important;max-height:calc(100dvh - 32px)!important;border-radius:16px!important;box-sizing:border-box!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel header{display:contents!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel header>div{grid-column:1;grid-row:1;align-self:center;min-width:0}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel header :is(span,p){display:none!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel header h2{font-size:16px!important;line-height:1.3!important;margin:0!important;letter-spacing:0!important;overflow-wrap:anywhere}
html body #s3-lesson-picker#s3-lesson-picker :is(.s3lp-search,.sjlp-toolbar){grid-column:2;grid-row:1;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;min-width:0}
html body #s3-lesson-picker#s3-lesson-picker :is(.s3lp-search input,.sjlp-search){height:36px!important;min-height:36px!important;min-width:0!important;flex:1!important;width:100%!important;padding:7px 10px!important;font-size:12px!important;line-height:20px!important;border:1px solid #d7e1ef!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important}
html body #s3-lesson-picker#s3-lesson-picker :is(.s3lp-filter-count,.sjlp-found){font-size:11px!important;white-space:nowrap!important;color:#63738a!important}
html body #s3-lesson-picker#s3-lesson-picker .sjlp-search input{height:20px!important;min-height:0!important;padding:0!important;font-size:12px!important;line-height:20px!important}
html body #s3-lesson-picker#s3-lesson-picker .sjlp-empty{grid-column:1/-1;grid-row:2;padding:16px!important;margin:0!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-close{grid-column:3;grid-row:1;align-self:center;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;font-size:23px!important;border-radius:8px!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-list{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;margin:0!important;min-height:0!important;overflow-y:auto!important;align-content:start!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-item{display:grid!important;grid-template-columns:22px 30px minmax(0,1fr) 14px!important;align-items:center!important;gap:8px!important;min-height:62px!important;margin:0!important;padding:9px 10px!important;border-radius:10px!important;box-sizing:border-box!important;box-shadow:none!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-num{width:22px!important;min-width:22px!important;height:auto!important;padding:0!important;font-size:11px!important;background:transparent!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-icon{width:30px!important;min-width:30px!important;height:30px!important;border-radius:8px!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-icon :is(img,svg){max-width:20px!important;max-height:20px!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-name strong{font-size:13px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #s3-lesson-picker#s3-lesson-picker .s3lp-name small{font-size:10px!important;line-height:1.2!important;margin-top:3px!important;padding:2px 5px!important}
html body #s3-lesson-picker#s3-lesson-picker :is(.s3lp-item>b,.sjlp-arrow){font-size:16px!important}
html body #s3-lesson-picker#s3-lesson-picker [hidden]{display:none!important}
@media(max-width:700px){
 html body #s3-lesson-picker#s3-lesson-picker{padding:10px!important}
 html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel{grid-template-columns:minmax(0,1fr) 32px!important;grid-template-rows:auto auto minmax(0,1fr)!important;max-height:calc(100dvh - 20px)!important;gap:9px!important;padding:10px!important}
 html body #s3-lesson-picker#s3-lesson-picker .s3lp-panel header h2{font-size:15px!important}
 html body #s3-lesson-picker#s3-lesson-picker .s3lp-close{grid-column:2!important}
 html body #s3-lesson-picker#s3-lesson-picker :is(.s3lp-search,.sjlp-toolbar){grid-column:1/-1!important;grid-row:2!important}
 html body #s3-lesson-picker#s3-lesson-picker .s3lp-list{grid-row:3!important;grid-template-columns:1fr!important}
}