/* Final UI pass: restrained visual overrides only. Keep WordPress/Tutor/MathCourse logic unchanged. */
body.mathcourse-site{background:#f3f5f8;color:#172235}
body.mathcourse-site .mc-container{width:min(1120px,calc(100% - 48px));max-width:1120px}

/* Homepage: clear hierarchy, quieter surfaces, deliberate spacing. */
body.mathcourse-site .mc-home{background:#f3f5f8}
body.mathcourse-site .mc-home-hero{background:linear-gradient(135deg,#071d35 0%,#0b3152 58%,#10466d 100%);border:0;color:#fff}
body.mathcourse-site .mc-home-hero__inner{min-height:500px;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:44px}
body.mathcourse-site .mc-home-hero__copy{padding:56px 0 48px}
body.mathcourse-site .mc-kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#c8def5}
body.mathcourse-site .mc-home-hero h1{color:#fff;font-size:clamp(42px,5vw,62px);letter-spacing:-.045em}
body.mathcourse-site .mc-home-hero h1 strong{color:#6bb7ff}
body.mathcourse-site .mc-home-hero__copy>p{color:#c4d4e3;max-width:540px}
body.mathcourse-site .mc-home-hero__actions .mc-btn--primary{background:#ff8a2b;box-shadow:0 10px 24px rgba(255,138,43,.22)}
body.mathcourse-site .mc-home-hero__actions .mc-btn--ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff!important}
body.mathcourse-site .mc-home-trust{color:#c0d0df}
body.mathcourse-site .mc-home-trust span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06)}
body.mathcourse-site .mc-home-types-mini{gap:12px}
body.mathcourse-site .mc-home-types-mini a{min-height:112px;border-color:#dbe6f0;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(0,0,0,.12)}
body.mathcourse-site .mc-home-system{padding:62px 0 52px;background:#f3f5f8}
body.mathcourse-site .mc-home-section-title{margin-bottom:22px}
body.mathcourse-site .mc-home-category-tabs{gap:8px;margin-bottom:22px;border-bottom:0;padding:0}
body.mathcourse-site .mc-home-category-tabs a{padding:11px 17px;border-radius:10px;background:#fff;color:#42536a;border-color:#dce4ec}
body.mathcourse-site .mc-home-category-tabs a.is-active{background:#2463e8;border-color:#2463e8;color:#fff;box-shadow:0 7px 18px rgba(36,99,232,.18)}
body.mathcourse-site .mc-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.mathcourse-site .mc-home-category-card{min-height:178px;padding:20px;border-radius:14px;box-shadow:0 5px 18px rgba(19,39,67,.045)}
body.mathcourse-site .mc-home-category-card:hover{transform:translateY(-2px)}
body.mathcourse-site .mc-home-why{padding:58px 0 64px;background:#fff}
body.mathcourse-site .mc-home-benefits{gap:14px}
body.mathcourse-site .mc-home-benefits article{padding:18px;border-radius:13px;box-shadow:none;background:#f8fafc;border-color:#e6ebf1}
body.mathcourse-site .mc-home-teacher{padding-bottom:64px;background:#fff}
body.mathcourse-site .mc-home-teacher__inner{border-radius:16px;padding:30px 34px}
body.mathcourse-site .mc-home-courses{padding:62px 0 76px;background:#f3f5f8}
body.mathcourse-site .mc-home-courses .mathcourse-center__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* Learning player: Tutor-native-inspired dark learning workspace. */
body.mathcourse-site:has(.mc-course-player){background:#11161c;color:#e7edf4}
body.mathcourse-site:has(.mc-course-player) .mc-site-header,
body.mathcourse-site:has(.mc-course-player) .mc-site-footer{display:none}
body.mathcourse-site:has(.mc-course-player) .mc-learning-page{margin:0!important;padding:0!important;background:#11161c;min-height:100vh}
body.mathcourse-site:has(.mc-course-player) .mc-learning-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

/* Native Tutor-like top bar: back arrow + course title. */
body.mathcourse-site .mc-course-player{width:100%;max-width:none;margin:0;padding:0 0 48px}
body.mathcourse-site .mc-course-player__topbar{height:64px;display:flex;align-items:center;border-bottom:1px solid #252d37;background:#151b22}
body.mathcourse-site .mc-course-player__back{width:54px;height:64px;display:grid;place-items:center;border-right:1px solid #252d37;color:#d9e1ea!important;font-size:32px;font-weight:300;line-height:1}
body.mathcourse-site .mc-course-player__back:hover{background:#1d2530;color:#fff!important}
body.mathcourse-site .mc-course-player__course-title{padding:0 16px;color:#f4f7fa;font-size:18px;font-weight:800;letter-spacing:-.02em}

/* Keep the whole learning area comfortably inset instead of edge-to-edge. */
body.mathcourse-site .mc-course-player__workspace{width:min(1240px,calc(100% - 56px));margin:16px auto 0;display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
body.mathcourse-site .mc-course-player__sidebar{grid-column:1;grid-row:1;border:0;border-radius:9px;background:#1b212a;box-shadow:none;overflow:hidden;position:sticky;top:16px;max-height:calc(100vh - 32px)}
body.mathcourse-site .mc-course-player__main{grid-column:2;grid-row:1;min-width:0;background:transparent;border:0;border-radius:0;overflow:visible}

/* Progress lives at the top of the left outline, like the reference. */
body.mathcourse-site .mc-course-player__progress-card{padding:24px 20px 20px;background:#1f2631}
body.mathcourse-site .mc-course-player__progress-card strong{display:block;color:#edf2f7;font-size:18px;line-height:1.2}
body.mathcourse-site .mc-course-player__progress-card strong span{color:#c6ced8;font-weight:650}
body.mathcourse-site .mc-course-player__progress-track{height:7px;margin-top:15px;border-radius:99px;background:#111720;overflow:hidden}
body.mathcourse-site .mc-course-player__progress-track i{display:block;height:100%;border-radius:inherit;background:#25b45b}
body.mathcourse-site .mc-course-player__topics{max-height:calc(100vh - 155px);overflow:auto;background:#1b212a}
body.mathcourse-site .mc-course-player__topic{border-bottom:1px solid #2a323d}
body.mathcourse-site .mc-course-player__topic h3{padding:15px 17px;background:transparent;color:#d8e0e8;font-size:14px}
body.mathcourse-site .mc-course-player__topic h3:after{color:#748091}
body.mathcourse-site .mc-course-player__topic.is-open h3:after{color:#68a4ff}
body.mathcourse-site .mc-course-player__lessons{padding:5px 9px;background:#1b212a}
body.mathcourse-site .mc-course-player__item{min-height:50px;margin:2px 0;padding:10px 10px;border-left:2px solid transparent;border-radius:7px;background:transparent;color:#aeb8c4}
body.mathcourse-site .mc-course-player__item:hover{background:#252d38;color:#edf2f7}
body.mathcourse-site .mc-course-player__item.is-active{background:#2a2f39;color:#fff;box-shadow:none;border-left-color:#2f7cff}
body.mathcourse-site .mc-course-player__item.is-complete{color:#c1c9d3}
body.mathcourse-site .mc-course-player__item.is-locked{color:#687483}
body.mathcourse-site .mc-course-player__item small{background:#30291f;color:#ffb56d}
body.mathcourse-site .mc-course-player__item.is-active small{background:rgba(255,255,255,.12);color:#fff}
body.mathcourse-site .mc-course-player__more{display:flex;align-items:center;gap:12px;margin-top:16px;padding:18px 20px;border-top:1px solid #2a323d;color:#d5dde6;font-size:14px;background:#1f2631}
body.mathcourse-site .mc-course-player__more span{color:#9ba6b3;letter-spacing:2px}

/* Main video stays close to 16:9 and is visually dominant without filling the viewport. */
body.mathcourse-site .mc-course-player__video{width:100%;border-radius:8px;background:#05080b;box-shadow:0 14px 34px rgba(0,0,0,.28);overflow:hidden}
body.mathcourse-site .mathcourse-artplayer{width:100%;aspect-ratio:16/9;min-height:0;border-radius:0;background:#05080b}
body.mathcourse-site .mathcourse-artplayer .art-video-player{width:100%;height:100%}
body.mathcourse-site .mc-course-player__lesson-head{padding:16px 2px 5px}
body.mathcourse-site .mc-course-player__lesson-head span{color:#7e8998;font-size:12px}
body.mathcourse-site .mc-course-player__lesson-head h2{margin:4px 0 0;color:#eef3f8;font-size:19px}
body.mathcourse-site .mc-course-player__lesson-head em{background:#30271e;color:#ffb56d}
body.mathcourse-site .mc-course-player__overview{height:60px;display:flex;align-items:center;border:1px solid #2a323d;border-radius:8px;background:#1c232d;overflow:hidden}
body.mathcourse-site .mc-course-player__overview span{height:100%;display:flex;align-items:center;padding:0 18px;color:#9faab7;font-size:13px;border-bottom:2px solid transparent}
body.mathcourse-site .mc-course-player__overview span.is-active{color:#6ea5ff;background:#252d38;border-bottom-color:#4389ff}
body.mathcourse-site .mc-course-player__navigation{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.mathcourse-site .mc-course-player__nav-button{min-height:58px;padding:10px 14px;background:#1b222b;border-color:#2b3440;color:#e2e8ef;box-shadow:none}
body.mathcourse-site .mc-course-player__nav-button:hover{background:#242d37;border-color:#3a4755;box-shadow:none}
body.mathcourse-site .mc-course-player__nav-button small{color:#7f8c9d}
body.mathcourse-site .mc-course-player__nav-button>span{background:#222d39;color:#79adff}
body.mathcourse-site .mc-course-player__nav-button.is-disabled{background:#161b22;color:#667384}
body.mathcourse-site .mc-course-player__completion{background:#14251f;border-color:#24533f;color:#91e0bb}
body.mathcourse-site .mc-course-player__completion-text{color:#7fae9a}

/* At narrow widths the outline disappears, matching focused Tutor learning mode. */
@media (max-width:1050px){
  body.mathcourse-site .mc-course-player__workspace{width:min(900px,calc(100% - 40px));grid-template-columns:1fr}
  body.mathcourse-site .mc-course-player__sidebar{display:none}
  body.mathcourse-site .mc-course-player__main{grid-column:1;grid-row:1}
}
@media (max-width:700px){
  body.mathcourse-site .mc-container{width:min(100% - 28px,640px)}
  body.mathcourse-site .mc-home-hero__inner{grid-template-columns:1fr;gap:18px;padding-top:34px;padding-bottom:36px}
  body.mathcourse-site .mc-home-types-mini{grid-template-columns:repeat(2,1fr);padding-bottom:10px}
  body.mathcourse-site .mc-home-category-grid{grid-template-columns:1fr}
  body.mathcourse-site .mc-home-benefits{grid-template-columns:1fr 1fr}
  body.mathcourse-site .mc-home-teacher__inner{grid-template-columns:1fr;gap:18px}
  body.mathcourse-site .mc-home-courses .mathcourse-center__grid{grid-template-columns:1fr}
  body.mathcourse-site .mc-course-player__workspace{width:100%;margin-top:0}
  body.mathcourse-site .mc-course-player{padding-bottom:28px}
  body.mathcourse-site .mc-course-player__topbar{height:56px}
  body.mathcourse-site .mc-course-player__back{width:48px;height:56px;font-size:29px}
  body.mathcourse-site .mc-course-player__course-title{font-size:16px}
  body.mathcourse-site .mc-course-player__video{border-radius:0}
  body.mathcourse-site .mc-course-player__lesson-head{padding:14px 12px 4px}
  body.mathcourse-site .mc-course-player__lesson-head h2{font-size:17px}
  body.mathcourse-site .mc-course-player__overview{margin:0 12px;height:54px}
  body.mathcourse-site .mc-course-player__navigation{margin:12px 12px 0;gap:8px}
  body.mathcourse-site .mc-course-player__nav-button{min-height:52px;padding:8px 10px}
}
@media (max-width:430px){
  body.mathcourse-site .mc-home-benefits{grid-template-columns:1fr}
  body.mathcourse-site .mc-home-types-mini a{min-height:100px}
}