/* Styles are registered in MemberPress' classroom allow-list. Use the existing navbar. */
body.gb-course-ui {--gb-brand:#00b4b3;--gb-ink:#203d43;--gb-muted:#64777b;--gb-border:#e0e8e9;--gb-side:288px;margin:0;background:#f7f9fa;color:var(--gb-ink);font:400 16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body.gb-course-ui #mpcs-navbar {display:flex;position:sticky;top:0;z-index:1000;flex-wrap:wrap;align-items:center;gap:12px 24px;width:100%;height:auto;min-height:64px;padding:10px 24px;margin:0;background:#00b4b3;color:#fff;box-shadow:0 1px 0 #008f9026}
body.gb-course-ui #mpcs-navbar>.navbar-section {display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:16px;width:auto;min-width:0;max-width:100%;padding:0}
body.gb-course-ui #mpcs-navbar>.navbar-section:first-child {flex:0 0 auto;justify-content:flex-start;gap:12px}
body.gb-course-ui #mpcs-navbar .navbar-brand {display:inline-flex;align-items:center;margin:0;color:#fff!important;font-size:21px;font-weight:600;line-height:1.4;text-decoration:none}
body.gb-course-ui #mpcs-navbar .navbar-brand img {display:block;width:auto;max-width:166px;max-height:42px;object-fit:contain}
body.gb-course-ui #mpcs-navbar .nav-back {margin:0;padding:4px 0;width:auto;height:auto;background:transparent!important;border:0;color:#fff!important}
body.gb-course-ui #mpcs-navbar .nav-back i {font-size:22px;color:#fff!important}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu {display:flex!important;align-items:center;gap:22px;list-style:none;margin:0;padding:0;float:none}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu li {position:relative;list-style:none;margin:0;padding:0;float:none}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu>li>a {display:inline-block;color:#fff!important;background:transparent!important;font-size:14px;font-weight:500;line-height:1.6;text-decoration:none;padding:8px 0;margin:0;white-space:nowrap;height:auto;border:0}
body.gb-course-ui #mpcs-navbar a:hover {text-decoration:underline;text-underline-offset:4px}
body.gb-course-ui #mpcs-navbar a:focus-visible,body.gb-course-ui #mpcs-navbar button:focus-visible {outline:2px solid #fff;outline-offset:3px}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu ul {display:none;position:absolute;top:100%;right:0;min-width:190px;max-width:280px;list-style:none;margin:0;padding:8px;background:#007b7d;border-radius:6px;box-shadow:0 10px 24px #17383d26;z-index:30}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu li:hover>ul,body.gb-course-ui #mpcs-navbar .mpcs-nav-menu li:focus-within>ul {display:block}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu ul ul {position:static;padding-left:12px;box-shadow:none}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu ul a {display:block;padding:8px 12px;font-size:14px;color:#fff!important;white-space:normal;line-height:1.5}
body.gb-course-ui #mpcs-navbar .mpcs-nav-menu-mobile {display:none!important}
body.gb-course-ui #mpcs-navbar .dropdown {flex:0 0 auto;margin:0;max-width:100%}
body.gb-course-ui #mpcs-navbar .dropdown-toggle {display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;height:auto;min-height:36px;padding:6px 10px;background:transparent!important;color:#fff!important;border:1px solid #ffffff80;border-radius:5px;font-family:inherit;font-size:13px;line-height:1.5}
body.gb-course-ui #mpcs-navbar .dropdown .menu {left:auto;right:0;min-width:180px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;background:#007b7d;box-shadow:0 10px 24px #17383d26;border:0;border-radius:6px;padding:8px;color:#fff;z-index:50}
body.gb-course-ui #mpcs-navbar .dropdown .menu li {padding:0;margin:0;list-style:none}
body.gb-course-ui #mpcs-navbar .dropdown .menu a {display:block;padding:9px 12px;margin:0;height:auto;color:#fff!important;background:transparent;font-size:14px;line-height:1.5;text-decoration:none;white-space:normal}
body.gb-course-ui #mpcs-navbar .dropdown .menu a:hover {background:#ffffff20}
body.gb-course-ui #mpcs-navbar .dropdown .menu .sub-menu {padding-left:12px;list-style:none;margin:0}
body.gb-course-ui #mpcs-navbar .dropdown.has-image .figure {margin:0;line-height:0}
body.gb-course-ui #mpcs-navbar .dropdown.has-image img {display:block;width:28px;height:28px;object-fit:cover;border-radius:50%}
body.gb-course-ui #mpcs-navbar .dropdown.has-image .dropdown-toggle {padding:3px;border-color:transparent}
body.gb-course-ui #mpcs-navbar #mpcs-lesson-navigation {flex:0 1 auto;justify-content:center;gap:8px}
body.gb-course-ui #mpcs-navbar #mpcs-lesson-navigation>a {width:auto;min-height:36px;max-width:100%;height:auto;padding:7px 13px;margin:0;border:1px solid #ffffff90;border-radius:5px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap;color:#fff!important;background:transparent!important}
body.gb-course-ui #mpcs-navbar #mpcs-classroom-next-lesson-link {background:#007d7f!important;border-color:#007d7f!important}
body.gb-course-ui #mpcs-navbar .btn.sidebar-open {width:auto;height:36px;min-width:46px;margin:0;padding:6px 10px;background:transparent!important;color:#fff!important;border:1px solid #ffffff80;border-radius:5px}
body.gb-course-ui #mpcs-navbar .btn.sidebar-open i {display:none}
body.gb-course-ui #mpcs-navbar .btn.sidebar-open::after {content:'目录';font-size:13px}
body.gb-course-ui #mpcs-navbar.gb-no-sidebar .btn.sidebar-open {display:none!important}
@media(min-width:1101px){body.gb-course-ui #mpcs-navbar .mpcs-nav-menu.hide-lg{display:flex!important}}
@media(max-width:1100px){
 body.gb-course-ui #mpcs-navbar .mpcs-nav-menu.hide-lg{display:none!important}
 body.gb-course-ui #mpcs-navbar .mpcs-nav-menu-mobile.show-lg{display:inline-block!important}
 body.gb-course-ui #mpcs-navbar>.navbar-section{gap:10px}
}
@media(max-width:840px){
 body.gb-course-ui #mpcs-navbar{padding:10px 16px;gap:8px 12px}
 body.gb-course-ui #mpcs-navbar .navbar-brand{font-size:19px}
 body.gb-course-ui #mpcs-navbar #mpcs-lesson-navigation{order:3;flex:1 0 100%;justify-content:flex-end;padding-top:8px;border-top:1px solid #ffffff38}
 body.gb-course-ui #mpcs-navbar .btn.sidebar-open{display:block!important}
 body.gb-course-ui #mpcs-navbar.gb-no-sidebar .btn.sidebar-open{display:none!important}
}
@media(max-width:540px){body.gb-course-ui #mpcs-navbar .navbar-brand img{max-width:130px;max-height:34px}body.gb-course-ui #mpcs-navbar #mpcs-lesson-navigation>a{font-size:13px;padding:7px 10px}}

body.gb-course-ui #mpcs-sidebar {
  position: fixed; top: var(--gb-course-header-height, 64px); bottom: 0; left: 0;
  width: var(--gb-side); max-width: none; height: calc(100vh - var(--gb-course-header-height, 64px));
  background: #fff; border-right: 1px solid var(--gb-border); overflow: hidden; transition: none;
}
body.gb-course-ui .mpcs-sidebar-wrapper { display: flex; flex-direction: column; height: 100%; min-height: 0; }
body.gb-course-ui #mpcs-sidebar .mpcs-sidebar-content { height: auto !important; min-height: 0; flex: 1 1 auto; overflow: auto; padding-bottom: 24px; }
body.gb-course-ui #mpcs-sidebar-header { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 20px 16px; align-items: center; background: #fff; }
body.gb-course-ui #mpcs-sidebar-header .figure { width: auto; margin: 0; padding: 0; }
body.gb-course-ui #mpcs-sidebar-header .figure img { width: 72px; max-width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; }
body.gb-course-ui #mpcs-sidebar-header .course-progress { margin: 0; width: auto; padding: 0; background: transparent; }
body.gb-course-ui #mpcs-sidebar #mpcs-sidebar-header .course-progress h2 { margin: 0 0 8px; font-size: 14px; line-height: 1.5; color: var(--gb-ink); }
body.gb-course-ui #mpcs-sidebar .progress-text { font-size: 12px; color: #526c71; margin: 5px 0 0; }
body.gb-course-ui #mpcs-sidebar .progress-bar { height: 7px; background: #e9eff0; }
body.gb-course-ui #mpcs-sidebar .user-progress { background: var(--gb-brand); }
body.gb-course-ui #mpcs-sidebar .mpcs-sidebar-wrapper > .figure { margin: 20px 20px 0; }
body.gb-course-ui #mpcs-sidebar .mpcs-sidebar-wrapper > .figure img { width: 100%; max-height: none; height: auto; aspect-ratio: 3/2; object-fit: cover; border-radius: 6px; }
body.gb-course-ui #mpcs-sidebar .mpcs-sidebar-wrapper > .course-progress { margin: 16px 20px 20px; padding: 0; }
body.gb-course-ui #mpcs-sidebar .course-progress h2 { font-size: 18px; line-height: 1.6; margin: 0 0 12px; }
body.gb-course-ui #mpcs-sidebar .mpcs-section-title { font-size: 13px; line-height: 1.7; padding: 13px 16px; }
body.gb-course-ui #mpcs-sidebar .mpcs-section-title, body.gb-course-ui #mpcs-sidebar .mpcs-section-header { color: #2a6268; background: #f0f5f5; }
body.gb-course-ui #mpcs-sidebar .mpcs-lesson-row-link { padding: 12px 16px; color: #425c61; font-size: 13px; line-height: 1.6; }
body.gb-course-ui #mpcs-sidebar .mpcs-lesson.current { background: #e0f5f3; box-shadow: inset 3px 0 var(--gb-brand); }
body.gb-course-ui #mpcs-sidebar .mpcs-sidebar-menu .tile { padding: 13px 20px; font-size: 14px; color: #385d63; }
body.gb-course-ui #mpcs-main { min-width: 0; width: calc(100% - var(--gb-side)); margin-left: var(--gb-side); padding: 32px clamp(24px, 4vw, 64px) 64px; min-height: calc(100vh - var(--gb-course-header-height, 64px)); background: #fff; transition: none; }
body.gb-course-ui #mpcs-main .mpcs-main-content { min-width: 0; max-width: 100%; font-size: 16px; line-height: 1.9; }
body.gb-course-ui #mpcs-main .entry-title { margin: 0 0 24px; font-size: clamp(23px, 2vw, 30px); font-weight: 600; line-height: 1.55; color: #233f45; overflow-wrap: anywhere; }
body.gb-course-ui #mpcs-main h2 { font-size: 25px; line-height: 1.5; font-weight: 600; }
body.gb-course-ui #mpcs-main .mpcs-main-content h2 { margin: 30px 0 14px; }
body.gb-course-ui #mpcs-main .mpcs-main-content p { margin: 0 0 18px; }
body.gb-course-ui #mpcs-main .mpcs-main-content video { display: block; max-width: 100%; height: auto; }
body.gb-course-ui #mpcs-main #bookmark { display: flex; align-items: center; gap: 12px; border-radius: 8px; padding: 10px; margin-bottom: 24px; font-size: 14px; background: #eef8f7; }
body.gb-course-ui #mpcs-main #bookmark a { border-radius: 6px; font-size: 14px; color: #fff; background: #008c8d; padding: 9px 13px; height: auto; }
body.gb-course-ui #mpcs-main .mpcs-section { margin-bottom: 12px; }
body.gb-course-ui #mpcs-main .mpcs-section-header { border: 1px solid var(--gb-border); border-radius: 6px; background: #f2f7f7; color: #28595f; }
body.gb-course-ui #mpcs-main .mpcs-section-title { font-size: 16px; padding: 15px 18px; }
body.gb-course-ui #mpcs-main .mpcs-lesson-row-link { font-size: 15px; line-height: 1.7; padding: 14px 16px; color: #344f56; }
body.gb-course-ui #mpcs-main .mpcs-lesson.current { background: #e8f6f4; }
body.gb-course-ui #mpcs-main .mpcs-lesson .btn { color: #fff; background: #008c8d; border: 0; border-radius: 5px; font-size: 13px; height: auto; padding: 6px 12px; }
body.gb-course-ui .entry > .container.grid-xl { max-width: 1288px; padding: 0 24px; }
body.gb-course-ui .mpcs-course-filter { margin: 0 0 24px; padding: 0; }
body.gb-course-ui .mpcs-course-filter .btn, body.gb-course-ui .mpcs-course-filter input { font-size: 14px; height: 40px; border-color: #cbdadb; color: #3c6268; }
body.gb-course-ui .mpcs-cards { row-gap: 24px; margin: 0 -12px; }
body.gb-course-ui .mpcs-cards > .column { display: flex; padding: 0 12px; margin-bottom: 0; }
body.gb-course-ui .mpcs-cards .card { width: 100%; overflow: hidden; border: 1px solid var(--gb-border); border-radius: 10px; box-shadow: 0 3px 14px #233f4509; }
body.gb-course-ui .mpcs-cards .card-image { padding: 0; }
body.gb-course-ui .mpcs-cards .card-image img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; display: block; }
body.gb-course-ui .mpcs-cards .card-header { padding: 20px 20px 0; }
body.gb-course-ui .mpcs-cards .card-title h2 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.55; }
body.gb-course-ui .mpcs-cards .card-title a { color: #24474f; text-decoration: none; }
body.gb-course-ui .mpcs-cards .card-title a:hover { color: #007c80; }
body.gb-course-ui .mpcs-cards .card-body { padding: 12px 20px 0; font-size: 14px; line-height: 1.8; color: #62777c; }
body.gb-course-ui .mpcs-cards .card-footer { display: flex; align-items: center; justify-content: space-between; padding: 20px; font-size: 13px; }
body.gb-course-ui .mpcs-cards .course-author a { color: #52777d; }
body.gb-course-ui .site-footer { padding: 0; border: 0; min-height: 0; }

@media(max-width:1100px){body.gb-course-ui .mpcs-cards>.column{width:50%}}
@media(max-width:840px){
 body.gb-course-ui #mpcs-sidebar-navbar.show-sm{display:block!important}
 body.gb-course-ui #mpcs-sidebar.hide-sm{display:block!important;left:-340px;width:min(320px,86vw);z-index:900;visibility:hidden;transition:left .2s,visibility .2s}
 body.gb-course-ui #mpcs-sidebar.off-canvas{left:0;visibility:visible;box-shadow:12px 0 30px #18353d26}
 body.gb-course-ui #mpcs-sidebar-navbar{flex:0 0 auto;background:#f2f7f7;padding:8px 12px}
 body.gb-course-ui #mpcs-sidebar-navbar .sidebar-close{color:#28545a;background:#fff}
 body.gb-course-ui #mpcs-main,body.gb-course-ui #mpcs-main.off-canvas{width:100%;margin-left:0!important;padding:26px 20px 48px}
 body.gb-course-ui #mpcs-main .entry-title{font-size:24px;margin-bottom:20px}
 body.gb-course-ui #mpcs-main .mpcs-section-title{font-size:15px;padding:13px}
 body.gb-course-ui #mpcs-main .mpcs-lesson-row-link{font-size:14px;padding:12px}
}
@media(max-width:540px){
 body.gb-course-ui #mpcs-main{padding:24px 16px 40px}
 body.gb-course-ui #mpcs-main .entry-title{font-size:22px}
 body.gb-course-ui #mpcs-main .mpcs-main-content{font-size:15px}
 body.gb-course-ui #mpcs-main #bookmark{align-items:flex-start;flex-wrap:wrap}
 body.gb-course-ui .mpcs-cards>.column{width:100%}
 body.gb-course-ui .entry>.container.grid-xl{padding:0 16px}
 body.gb-course-ui .mpcs-course-filter .column{padding:0;margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){body.gb-course-ui #mpcs-sidebar{transition:none}}
/* Native JS removes .active on Escape; focus alone must not reopen the menu. */
body.gb-course-ui #mpcs-navbar.gb-ui-ready .dropdown:not(.active)>.menu{display:none!important}
body.gb-course-ui #mpcs-navbar.gb-ui-ready .dropdown.active>.menu{display:block}

/* Account links replace preview/avatar dropdowns within the existing navbar. */
body.gb-course-ui #mpcs-navbar .gb-course-auth{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap}
body.gb-course-ui #mpcs-navbar .gb-course-auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border:1px solid #ffffffa6;border-radius:5px;background:transparent;color:#fff!important;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none}
body.gb-course-ui #mpcs-navbar .gb-course-auth-link:hover{background:#ffffff20;text-decoration:none}
body.gb-course-ui #mpcs-sidebar .figure img{image-rendering:auto;filter:none}
@media(max-width:540px){body.gb-course-ui #mpcs-navbar>.navbar-section{gap:8px}body.gb-course-ui #mpcs-navbar .gb-course-auth-link{font-size:13px;padding:6px 9px}}