/* Shared course workspace. Explicit migration scope keeps Quran/export fonts intact. */
html[data-theme][data-ds-palette] body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page{
  --ds-bg:inherit!important;--ds-bg2:inherit!important;--ds-card:inherit!important;--ds-card2:inherit!important;
  --ds-card-solid:inherit!important;--ds-text:inherit!important;--ds-muted:inherit!important;--ds-muted2:inherit!important;
  --ds-border:inherit!important;--ds-border2:inherit!important;--ds-accent:inherit!important;--ds-accent2:inherit!important;
  --ds-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:var(--ds-font)!important;background:var(--ds-bg)!important;color:var(--ds-text)!important;
}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(*){box-sizing:border-box;min-width:0}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(button,input,select,textarea){font-family:var(--ds-font)!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(h1){font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;font-weight:650!important;letter-spacing:-.035em!important;max-width:24ch}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(h2){font-size:clamp(22px,2.4vw,30px)!important;line-height:1.2!important;font-weight:650!important;letter-spacing:-.025em!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(h3){font-size:18px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.015em!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(p){font-size:15px!important;line-height:1.6!important;font-weight:400!important;overflow-wrap:anywhere}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-app-btn,.ds-watch-btn,.ds-ghost-btn,.ds-my-icon-btn,.ds-catalog-filters button,.ds-my-filterbar button,.ds-my-detail-tabs button,.ds-course-filter button){
  min-height:var(--ds-control-height)!important;min-width:44px;padding:10px 16px!important;
  border:1px solid var(--ds-border)!important;border-radius:var(--ds-radius-control)!important;
  background:var(--ds-card2)!important;color:var(--ds-text)!important;font:600 14px/1.3 var(--ds-font)!important;
  letter-spacing:0!important;box-shadow:none!important;transform:none!important;white-space:normal;text-align:center;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-app-btn.primary,.ds-watch-btn,.ds-catalog-filters button.is-on,.ds-my-filterbar button.is-on,.ds-my-detail-tabs button.is-on){background:var(--ds-accent)!important;color:var(--ds-on-accent)!important;border-color:transparent!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(button:disabled,[aria-disabled="true"]){opacity:.55;cursor:not-allowed!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(button,a,input,select):focus-visible{outline:2px solid var(--ds-accent)!important;outline-offset:3px!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(input:not([type="checkbox"]):not([type="radio"]),select){min-height:44px!important;border-radius:var(--ds-radius-control)!important;font-size:16px!important;background:var(--ds-card2)!important;color:var(--ds-text)!important;padding:10px 12px!important;border:1px solid var(--ds-border)!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-app-bg,.ds-catalog-bg,.ds-course-pattern,.ds-course-hero-bg){display:none!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-app-wrap,.ds-catalog-wrap,.ds-course-stage){padding:calc(var(--ds-header-h,68px) + 32px) 24px 48px!important;min-height:0!important;background:transparent!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-app-shell,.ds-catalog-shell,.ds-course-shell){max-width:var(--ds-content-width)!important;width:100%!important;margin-inline:auto!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-my-hero,.ds-catalog-hero,.ds-course-hero){padding:24px 0 32px!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-sub,.ds-course-hero p){max-width:64ch!important;font-size:16px!important;color:var(--ds-muted2)!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-my-sidebar,.ds-my-detail,.ds-catalog-panel,.ds-catalog-card,.ds-my-stat,.ds-my-profile-card,.ds-my-course-hero,.ds-my-tab-panel,.ds-my-material-card,.ds-my-exam-card,.ds-course-panel,.ds-course-teacher-card,.ds-material-card){border-radius:var(--ds-radius-panel)!important;border-color:var(--ds-border)!important;background:var(--ds-card)!important;box-shadow:none!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-panel{padding:24px!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-thumb{aspect-ratio:16/9!important;height:auto!important;border-radius:0!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-card{overflow:hidden!important;display:flex;flex-direction:column;transform:none!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-card-body{padding:20px!important;flex:1;display:flex;flex-direction:column;gap:12px}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-card-body .ds-actions{margin-top:auto!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-tools{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,260px)!important;gap:16px!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;margin-block:16px!important}
html body #ds-app-courses.ds-platform-page .ds-my-layout{display:grid!important;grid-template-columns:minmax(240px,320px) minmax(0,1fr)!important;align-items:start!important;gap:24px!important}
html body #ds-app-courses.ds-platform-page .ds-my-sidebar{position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:16px!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-list{display:grid!important;gap:8px!important;max-height:none!important;overflow:visible!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-item{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:12px!important;padding:12px!important;min-height:88px!important;height:auto!important;border-radius:var(--ds-radius-control)!important;text-align:start!important;font-family:var(--ds-font)!important;transform:none!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-thumb{width:64px!important;height:64px!important;aspect-ratio:1!important;border-radius:8px!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-info strong{font-size:14px!important;line-height:1.35!important;font-weight:600!important;white-space:normal!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-info em{display:none!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-info strong{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important}
html body #ds-app-courses.ds-platform-page .ds-my-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
html body #ds-app-courses.ds-platform-page .ds-my-stat{min-height:0!important;padding:16px!important}
html body #ds-app-courses.ds-platform-page .ds-my-stat strong{font-size:26px!important;font-weight:600!important;line-height:1.25!important}
html body #ds-app-courses.ds-platform-page .ds-my-stat small{font-size:12px!important}
html body #ds-app-courses.ds-platform-page .ds-my-detail{padding:0!important;overflow:hidden!important;position:static!important;height:auto!important;min-height:0!important}
html body #ds-app-courses.ds-platform-page .ds-my-cover-wide{max-height:220px!important;aspect-ratio:21/9!important}
html body #ds-app-courses.ds-platform-page .ds-my-cover-wide img{width:100%!important;height:100%!important;object-fit:cover!important}
html body #ds-app-courses.ds-platform-page .ds-my-course-hero-body{padding:24px!important}
html body #ds-app-courses.ds-platform-page .ds-my-detail-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:16px!important;position:static!important}
html body #ds-app-courses.ds-platform-page .ds-my-tab-panel{padding:24px!important}
html body #ds-app-courses.ds-platform-page .ds-my-lesson-card{border-radius:var(--ds-radius-control)!important;grid-template-columns:96px minmax(0,1fr)!important;padding:16px!important;gap:16px!important}
html body #ds-app-courses.ds-platform-page .ds-my-lesson-thumb{width:96px!important;height:72px!important;border-radius:8px!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-grid{overflow-anchor:none}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-hero{display:block!important;overflow:visible!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-hero-content{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:24px!important;gap:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-stat{padding:16px!important;border-radius:var(--ds-radius-control)!important;min-height:0!important;background:var(--ds-card)!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-stat strong{font-size:24px!important;font-weight:600!important}
html body #ds-app-available-courses.ds-platform-page .ds-course-teacher{padding:0!important;border:0!important;background:transparent!important}
html body #ds-app-available-courses.ds-platform-page .ds-unlocked-note{display:none!important}
html body #ds-app-available-courses.ds-platform-page .ds-catalog-filters{border:0!important;padding:0!important;background:transparent!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(span,strong,small,em,label){font-family:var(--ds-font)!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(label,strong){font-weight:600!important}
html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(input,select){font-weight:400!important}
html body #ds-app-available-courses.ds-platform-page :is(.ds-catalog-hero-content,.ds-catalog-stats,.ds-catalog-hero-actions){border-radius:0!important;overflow:visible!important}
html body #ds-app-course-page.ds-platform-page .ds-course-hero h1{color:var(--ds-text)!important;text-shadow:none!important}
html body #ds-app-course-page.ds-platform-page .ds-course-badge{background:var(--ds-card2)!important;color:var(--ds-text)!important;border:1px solid var(--ds-border)!important;font-size:12px!important;letter-spacing:0!important}
html body #ds-app-course-page.ds-platform-page :is(.ds-course-progress-card,.ds-course-info-card,.ds-course-tools,.ds-material-panel){background:var(--ds-card)!important;box-shadow:none!important;border:1px solid var(--ds-border)!important;border-radius:var(--ds-radius-panel)!important;padding:20px!important}
html body #ds-app-course-page.ds-platform-page .ds-course-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body #ds-app-course-page.ds-platform-page .ds-course-progress-card{display:flex!important;flex-direction:row!important;gap:16px!important;align-items:center!important}
html body #ds-app-course-page.ds-platform-page .ds-progress-ring{width:56px!important;height:56px!important;flex:0 0 56px!important;box-shadow:none!important}
html body #ds-app-course-page.ds-platform-page .teacher-card-shell .ds-course-teacher-card{padding:0!important;border:0!important;background:transparent!important}
html body #ds-app-course-page.ds-platform-page .ds-course-top-grid h2{font-size:20px!important}
html body #ds-app-course-page.ds-platform-page .ds-row-scroller{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-columns:auto!important;gap:16px!important;overflow:visible!important;padding:0!important}
html body #ds-app-course-page.ds-platform-page .ds-row-scroller.single{grid-template-columns:minmax(0,1fr)!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-card{display:grid!important;grid-template-columns:1fr!important;border:1px solid var(--ds-border)!important;border-radius:var(--ds-radius-panel)!important;background:var(--ds-card)!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;align-content:start}
html body #ds-app-course-page.ds-platform-page .ds-stream-media{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;border-radius:0!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-media::after{display:none!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-overlay{position:static!important;inset:auto!important;background:none!important;transform:none!important;padding:16px!important;min-height:0!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-overlay h3{color:var(--ds-text)!important;text-shadow:none!important;margin:0 0 8px!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-overlay p{color:var(--ds-muted2)!important;text-shadow:none!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-meta{color:var(--ds-text)!important}
html body #ds-app-course-page.ds-platform-page .ds-stream-meta span{background:var(--ds-card2)!important;color:var(--ds-text)!important;border:1px solid var(--ds-border)!important}
html body #ds-app-course-page.ds-platform-page .ds-course-tools{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
html body #ds-app-course-page.ds-platform-page .ds-filter-pills{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
html body #ds-app-course-page.ds-platform-page .ds-filter-pill{font:600 14px var(--ds-font)!important;min-height:44px!important;padding:10px 16px!important;border-radius:var(--ds-radius-control)!important;flex:0 1 auto!important;box-shadow:none!important;background:var(--ds-card2)!important;color:var(--ds-text)!important}
html body #ds-app-course-page.ds-platform-page .ds-filter-pill.is-active{background:var(--ds-accent)!important;color:var(--ds-on-accent)!important}
html body #ds-app-course-page.ds-platform-page [data-ds-lesson-results]{overflow-anchor:none}
@media(max-width:1000px){
  html body #ds-app-course-page.ds-platform-page .ds-course-top-grid{grid-template-columns:1fr!important}
  html body #ds-app-course-page.ds-platform-page .ds-row-scroller{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #ds-app-available-courses.ds-platform-page .ds-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #ds-app-courses.ds-platform-page .ds-my-layout{grid-template-columns:1fr!important}
  html body #ds-app-courses.ds-platform-page .ds-my-course-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  html body #ds-app-course-page.ds-platform-page .ds-course-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body #ds-app-course-page.ds-platform-page .ds-course-progress-card{grid-column:1/-1}
  html body #ds-app-course-page.ds-platform-page .ds-row-scroller{grid-template-columns:1fr!important}
  html body #ds-app-course-page.ds-platform-page .ds-stream-card{grid-template-columns:88px minmax(0,1fr)!important;align-items:start;gap:12px!important;padding:12px!important}
  html body #ds-app-course-page.ds-platform-page .ds-stream-media{height:66px!important;aspect-ratio:auto!important;border-radius:8px!important}
  html body #ds-app-course-page.ds-platform-page .ds-stream-time{display:none!important}
  html body #ds-app-course-page.ds-platform-page .ds-stream-overlay{padding:0!important}
  html body #ds-app-course-page.ds-platform-page .ds-stream-overlay h3{font-size:16px!important}
  html body #ds-app-course-page.ds-platform-page .ds-stream-overlay p{display:none!important}
  html body #ds-app-courses.ds-platform-page .ds-my-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body :is(#ds-app-courses,#ds-app-course-page,#ds-app-available-courses).ds-platform-page :is(.ds-app-wrap,.ds-catalog-wrap,.ds-course-stage){padding:calc(var(--ds-page-safe-top-mobile,68px) + 12px) 16px 32px!important}
  html body #ds-app-available-courses.ds-platform-page .ds-catalog-grid{grid-template-columns:1fr!important}
  html body #ds-app-available-courses.ds-platform-page .ds-catalog-panel{padding:16px!important}
  html body #ds-app-available-courses.ds-platform-page .ds-catalog-tools{grid-template-columns:1fr!important}
  html body #ds-app-courses.ds-platform-page .ds-my-course-list{grid-template-columns:1fr!important}
  html body #ds-app-courses.ds-platform-page .ds-my-cover-wide{display:none!important}
  html body #ds-app-courses.ds-platform-page .ds-my-course-hero-body,
  html body #ds-app-courses.ds-platform-page .ds-my-tab-panel{padding:16px!important}
  html body #ds-app-courses.ds-platform-page .ds-my-lesson-card{grid-template-columns:1fr!important}
  html body #ds-app-courses.ds-platform-page .ds-my-lesson-thumb{display:none!important}
  html body #ds-app-courses.ds-platform-page .ds-my-toolbar{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:12px!important}
  html body #ds-app-courses.ds-platform-page .ds-my-search-wrap,
  html body #ds-app-courses.ds-platform-page .ds-my-filterbar{grid-column:1/-1!important}
  html body #ds-app-courses.ds-platform-page .ds-my-filterbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
}