/* Course overview only; module content and station navigation stay unchanged. */
html body[data-screen="course"] #app #main .course-overview-reference.atp-hero {
  position:relative;isolation:isolate;display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;
  height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;
  margin:0 0 24px!important;overflow:hidden;border:1px solid #dceafa!important;border-radius:24px!important;
  background:#f6fbff!important;
}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-id {
  grid-column:1;grid-row:1/span 2;position:relative;z-index:3;display:flex!important;flex-direction:column;
  padding:20px 16px!important;gap:16px;background:#ffffffed;border-right:1px solid #dceafa;min-width:0;width:100%!important;max-width:none!important;box-sizing:border-box;
}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-logo {width:100%!important;padding:14px!important;min-height:100px!important;border:0!important;box-shadow:none!important;background:none!important;box-sizing:border-box}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-logo img {max-height:100px!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-back {min-height:46px;padding:12px!important;background:#edf6ff!important;border:1px solid #dceafa!important;border-radius:24px!important;justify-content:center;font-size:14px!important}
.course-overview-side {display:flex;flex-direction:column;gap:10px;min-width:0;width:100%!important;max-width:none!important}
html body[data-screen="course"] #app #main .course-overview-side :is(a,button,span[aria-current]) {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px!important;box-sizing:border-box;border:0;border-radius:8px;background:none;color:#102f63;font:650 15px/1.4 Arial,sans-serif!important;text-decoration:none;text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal;letter-spacing:0;width:100%!important}
.course-overview-side svg {width:22px;height:22px;flex:0 0 22px}
.course-overview-side b {min-width:0;font:inherit}
html body[data-screen="course"] #app #main .course-overview-side [aria-current] {background:#e7f3ff!important;color:#076bcf!important}
.course-overview-side :is(a,button):hover {background:#edf6ff}
.course-overview-side :is(a,button):focus-visible {outline:3px solid #0876ee;outline-offset:2px}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-copy {
  grid-column:2;grid-row:1;position:relative;z-index:2;display:flex!important;flex-direction:column;
  justify-content:flex-start!important;align-self:start;gap:12px!important;padding:26px 30px!important;
  width:100%!important;max-width:750px!important;min-height:390px!important;box-sizing:border-box;background:none!important;
}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-crumb {font:650 16px/1.4 Arial,sans-serif!important;margin:0!important;flex-wrap:wrap;gap:10px}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-crumb b {background:#0879ed;color:white;padding:6px 12px;border-radius:20px;font:inherit}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-kicker {font:500 15px/1.5 Arial,sans-serif!important;text-transform:uppercase;color:#57799f!important;margin:8px 0 0!important;letter-spacing:0}
html body[data-screen="course"] #app #main .course-overview-reference h1 {font:800 38px/1.15 Arial,sans-serif!important;color:#0a245c!important;margin:0!important;letter-spacing:0!important;word-break:normal;overflow-wrap:normal}
html body[data-screen="course"] #app #main .course-overview-reference h1>span {display:block;color:#0a245c!important}
html body[data-screen="course"] #app #main .course-overview-reference h1>.atp-title-accent {color:#0982e8!important}
html body[data-screen="course"] #app #main .course-overview-reference h1::after {content:"";display:block;width:100px;height:5px;background:#ffb32b;border-radius:4px;margin-top:16px}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-purpose {font:750 20px/1.45 Arial,sans-serif!important;margin:0!important;color:#143568!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-orient {font:500 15px/1.5 Arial,sans-serif!important;margin:0!important;color:#58789e!important;flex-wrap:wrap}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-meta {display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-meta>span {font:600 13px/1.4 Arial,sans-serif!important;padding:9px 13px!important;border-radius:24px!important;border:1px solid #badbff!important;background:#eaf5ff;color:#1464ac;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:normal}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-meta>span:nth-child(2) {background:#f1edff;border-color:#d9ceff!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-meta>span:nth-child(3) {background:#e4f8f2;border-color:#b6e8db!important;color:#067f77}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-meta>span:nth-child(4) {background:#fff5e7;border-color:#ffe1ad!important;color:#a56608}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-visual {position:absolute!important;z-index:0;inset:0 0 200px 57%;width:auto!important;height:auto!important;min-height:0!important;border-radius:0 24px 0 100px!important;overflow:hidden;padding:0!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-visual>img {width:100%!important;height:100%!important;object-fit:cover;object-position:center;min-height:0!important;filter:none!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-fade {width:75%!important;background:linear-gradient(90deg,#f6fbff,#f6fbffd9 35%,#f6fbff00)!important}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-motto {position:absolute;top:22px;right:20px;bottom:auto;left:auto;width:220px;max-width:75%;padding:16px!important;border-radius:20px!important;background:#ffffffed!important;box-sizing:border-box}
html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-motto em {font:600 15px/1.45 Arial,sans-serif!important;color:#173568!important}
html body[data-screen="course"] #app #main .course-overview-reference .course-artwork-credit {z-index:2;max-width:55%;font-size:10px!important;right:12px;top:148px!important;bottom:auto!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
html body[data-screen="course"] #app #main .course-overview-path {position:relative;z-index:2;grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:8px 24px 24px;background:#f6fbff}
html body[data-screen="course"] #app #main .course-overview-path li {padding:16px 14px!important;border:1px solid #dceafa;border-radius:8px;background:#fff;min-width:0}
.course-overview-path .work-ico {display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#dfedff;color:#0869bc;margin-bottom:12px}
.course-overview-path .work-ico svg {width:30px;height:30px}
.course-overview-path li:nth-child(2) .work-ico {background:#fff0cc;color:#d28a0b}
.course-overview-path li:nth-child(3) .work-ico {background:#ece3ff;color:#7352c4}
.course-overview-path li:nth-child(4) .work-ico {background:#dcf7f1;color:#078e83}
.course-overview-path li:nth-child(5) .work-ico {background:#ffe2e8;color:#d74663}
html body[data-screen="course"] #app #main .course-overview-path b {display:block;font:750 17px/1.4 Arial,sans-serif;color:#102f63}
html body[data-screen="course"] #app #main .course-overview-path p {font:400 14px/1.45 Arial,sans-serif!important;color:#58789e!important;margin:4px 0 0!important;text-align:left!important}
.course-modules-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 24px 20px;scroll-margin-top:20px}
html body[data-screen="course"] #app #main .course-modules-heading h2 {font:800 28px/1.3 Arial,sans-serif!important;color:#102f63;margin:0}
.course-modules-heading [role="group"] {display:flex;gap:8px}
.course-modules-heading button {display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #dceafa;border-radius:24px;background:#fff;color:#496b94;font-size:14px}
.course-modules-heading button[aria-pressed="true"] {background:#7868db;color:#fff;border-color:#7868db}
.course-modules-heading button svg {width:20px;height:20px}
.course-list-view .journey-stops {display:flex!important;flex-direction:column;gap:16px}
.course-list-view .journey-stop {width:100%;padding:0!important}
.course-list-view .journey-marker {display:none}
.course-list-view .journey-card {display:grid!important;grid-template-columns:220px minmax(0,1fr);height:auto!important}
.course-list-view .journey-photo {height:100%!important;min-height:180px}
.course-list-view .journey-card-body {padding:18px!important}
.course-list-view .journey-stop::before,.course-list-view .journey-stop::after {display:none}
@media(min-width:1500px) {
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-copy {max-width:870px!important;padding:40px!important;gap:20px!important}
  html body[data-screen="course"] #app #main .course-overview-reference h1 {font-size:46px!important}
}
@media(max-width:1000px) {
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-copy {padding:24px!important;background:#f6fbfff0!important}
  html body[data-screen="course"] #app #main .course-overview-reference h1 {font-size:32px!important}
  html body[data-screen="course"] #app #main .course-overview-path {grid-template-columns:repeat(3,minmax(0,1fr))}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-visual {bottom:0}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-motto {display:none!important}
}
@media(max-width:650px) {
  html body[data-screen="course"] #app #main .course-overview-reference.atp-hero {grid-template-columns:minmax(0,1fr)!important}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-id {grid-column:1;grid-row:1;display:grid!important;grid-template-columns:70px minmax(0,1fr);padding:12px!important;gap:10px}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-logo {padding:0!important;min-height:60px!important}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-logo img {max-height:60px!important}
  .course-overview-side {grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .course-overview-side span[aria-current] {grid-column:1/-1}
  html body[data-screen="course"] #app #main .course-overview-side :is(a,button,span[aria-current]) {font-size:14px!important}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-copy {grid-column:1;grid-row:2;min-height:0!important;padding:22px 16px!important;gap:14px!important}
  html body[data-screen="course"] #app #main .course-overview-reference h1 {font-size:26px!important}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-purpose {font-size:18px!important}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-visual {position:relative!important;inset:auto;grid-column:1;grid-row:3;height:200px!important;border-radius:0!important}
  html body[data-screen="course"] #app #main .course-overview-reference .atp-hero-fade {display:none!important}
  html body[data-screen="course"] #app #main .course-overview-path {grid-column:1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:10px}
  html body[data-screen="course"] #app #main .course-overview-path li:last-child {grid-column:1/-1}
  .course-list-view .journey-card {grid-template-columns:minmax(0,1fr)}
  .course-list-view .journey-photo {height:180px!important}
  .course-modules-heading {padding:0 16px 20px}
  html body[data-screen="course"] #app #main .course-modules-heading h2 {font-size:24px!important}
}