body.degree-page { min-width:320px; background:#f5f7fb; color:#202b3c; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.degree-page .degree-upgrade-placeholder:disabled { cursor:default; opacity:.65; }
.degree-page .degree-upgrade-placeholder:disabled:hover { background:transparent; color:#344054; }
body.degree-page.io-black-mode .degree-upgrade-placeholder:disabled:hover { color:#d0d5da; }
.degree-page #sidebar.animate-nav { transition:width .2s ease; }
.degree-page #footer-tools { bottom:90px!important; right:20px!important; z-index:1090; transition:transform .22s ease,opacity .22s ease; will-change:transform,opacity; }.degree-page #footer-tools.reader-tools-hidden { opacity:0; pointer-events:none; transform:translateY(74px); }.degree-page #footer-tools .btn { width:40px; height:40px; line-height:40px; }.degree-page.io-black-mode #footer-tools .btn { color:#aaa; background:#363738; }.degree-page.io-black-mode #footer-tools .btn:hover { color:#fff; }
.degree-page .top-plan-short-link i { width:22px; height:22px; font-size:22px; }.degree-page .mobile-brand-plan { display:none; align-items:center; margin-right:auto; }.degree-page .mobile-brand-plan .navbar-brand { margin-right:0; }.degree-page .sidebar-bottom-links { transform:translateY(-1.5em); }
.degree-header-shell .page-header { min-height:74px; }.degree-header-shell .navbar-menu .top-plan-short,.degree-header-shell .navbar-menu .nav-search,.degree-header-shell .navbar-menu .nav-account,.degree-header-shell .navbar-menu .mobile-menu { display:inline-flex; height:32px; align-items:center; }.degree-header-shell .navbar-menu .nav-account { margin-left:12px; }.degree-header-shell .top-plan-short-link,.degree-header-shell .navbar-menu .nav-search>a,.degree-header-shell .navbar-menu .nav-account>a,.degree-header-shell .navbar-menu .mobile-menu>button { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:inherit; text-decoration:none; }.degree-header-shell .top-plan-short-link i,.degree-header-shell .navbar-menu .nav-search i,.degree-header-shell .navbar-menu .mobile-menu i { display:inline-flex; width:1em; height:1em; align-items:center; justify-content:center; line-height:1; }.degree-header-shell .navbar-menu .nav-account-icon { display:block; width:24px; height:24px; object-fit:contain; }.degree-header-shell .navbar-menu .nav-search>a:hover,.degree-header-shell .navbar-menu .nav-account>a:hover,.degree-header-shell .navbar-menu .mobile-menu>button:hover { color:#dc3545; text-decoration:none; }.degree-header-shell .navbar-menu .mobile-menu>button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }.degree-header-shell #hitokoto { max-width:min(45vw,720px); overflow:hidden; white-space:nowrap; }.degree-header-shell #hitokoto_text { display:inline-block; color:inherit; text-decoration:none; }.degree-header-shell #hitokoto_text.is-scrolling { animation:degree-top-verse-scroll var(--degree-top-verse-duration,12s) ease-in-out infinite alternate; }
@keyframes degree-top-verse-scroll { 0%,12% { transform:translateX(0); } 88%,100% { transform:translateX(calc(-1 * var(--degree-top-verse-distance,0px))); } }
.degree-main-content { min-height:100vh; background:#f5f6f7; }.degree-content { width:min(1180px,calc(100% - 64px)); margin:0 auto; padding:60px 0 72px; }.degree-welcome { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:28px; }.degree-eyebrow { margin:0 0 9px; color:#2f5f8f; font-size:12px; font-weight:800; letter-spacing:.14em; }.degree-welcome h1,.degree-section-heading h2,.degree-path-card h2 { margin:0; color:#202b3c; }.degree-welcome h1 { font-size:32px; letter-spacing:-.04em; }.degree-greeting { margin:12px 0 0; color:#68758a; font-size:17px; }.degree-member-badge { flex:0 0 auto; padding:10px 14px; border-radius:999px; background:#e8f0f8; color:#2f5f8f; font-size:14px; font-weight:700; }.degree-path-card { display:flex; min-height:194px; align-items:center; gap:26px; padding:34px 40px; border:1px solid #dce4ef; border-radius:20px; background:#fff; box-shadow:0 18px 44px rgba(23,43,77,.08); }.degree-empty-icon { display:grid; width:92px; height:92px; flex:0 0 92px; place-items:center; border-radius:22px; background:#edf3fa; color:#2f5f8f; font-size:38px; }.degree-path-card h2 { font-size:23px; }.degree-path-card p { margin:8px 0 0; color:#68758a; font-size:16px; line-height:1.75; }.degree-path-card .degree-empty-title { color:#202b3c; font-size:18px; font-weight:700; }.degree-system { margin-top:64px; }.degree-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }.degree-section-heading h2 { font-size:28px; }.degree-section-heading>p { max-width:340px; margin:0; color:#68758a; font-size:15px; line-height:1.65; text-align:right; }.degree-institute-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }.degree-institute-card { display:flex; min-height:190px; flex-direction:column; align-items:center; justify-content:center; padding:26px 24px; border:1px solid #dce4ef; border-radius:18px; background:#fff; text-align:center; }.degree-institute-card:nth-child(1) { --degree-card-color:#e67e22; --degree-card-soft:#fceedf; }.degree-institute-card:nth-child(2) { --degree-card-color:#7e57c2; --degree-card-soft:#f0ebfa; }.degree-institute-card:nth-child(3) { --degree-card-color:#2f7d4b; --degree-card-soft:#eaf6ef; }.degree-institute-card:nth-child(4) { --degree-card-color:#2f5f8f; --degree-card-soft:#e8f0f8; }.degree-institute-icon { display:grid; width:46px; height:46px; margin:0 auto; place-items:center; border-radius:13px; background:var(--degree-card-soft); color:var(--degree-card-color); font-size:20px; }.degree-institute-card h3 { margin:26px 0 6px; color:#202b3c; font-size:19px; }.degree-institute-card p { margin:0; color:var(--degree-card-color); font-size:13px; font-weight:700; letter-spacing:.02em; }
body.degree-page.io-black-mode { background:#1f2327; color:#edf3fb; }body.degree-page.io-black-mode .degree-main-content { background:#1f2327; }body.degree-page.io-black-mode .degree-welcome h1,body.degree-page.io-black-mode .degree-section-heading h2,body.degree-page.io-black-mode .degree-path-card h2,body.degree-page.io-black-mode .degree-path-card .degree-empty-title,body.degree-page.io-black-mode .degree-institute-card h3 { color:#edf3fb; }body.degree-page.io-black-mode .degree-greeting,body.degree-page.io-black-mode .degree-path-card p,body.degree-page.io-black-mode .degree-section-heading>p { color:#a8b4c7; }body.degree-page.io-black-mode .degree-member-badge,body.degree-page.io-black-mode .degree-empty-icon { background:#243a55; color:#9fc5f2; }body.degree-page.io-black-mode .degree-path-card,body.degree-page.io-black-mode .degree-institute-card { border-color:#3f4b61; background:#263142; box-shadow:none; }body.degree-page.io-black-mode .degree-institute-card:nth-child(1) { --degree-card-color:#f0a35b; --degree-card-soft:#4a3021; }body.degree-page.io-black-mode .degree-institute-card:nth-child(2) { --degree-card-color:#a98bdd; --degree-card-soft:#35294f; }body.degree-page.io-black-mode .degree-institute-card:nth-child(3) { --degree-card-color:#67b786; --degree-card-soft:#193929; }body.degree-page.io-black-mode .degree-institute-card:nth-child(4) { --degree-card-color:#66a6d2; --degree-card-soft:#20384f; }body.degree-page.io-black-mode .degree-header-shell .navbar-menu .nav-account-icon { filter:invert(1); }
@media (max-width:1100px) { .degree-institute-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }@media (max-width:991.98px) and (min-width:768px) { .degree-page .navbar-collapse .site-menu { display:none; } }@media (max-width:767.98px),(orientation:portrait) and (min-width:768px) and (max-width:1100px) { .degree-header-shell .navbar-menu .nav-search { transform:translateX(6px); }.degree-header-shell .navbar-menu .nav-account { margin-left:14px; }.degree-header-shell .navbar-menu>li.mobile-menu { display:inline-flex!important; }.degree-content { width:min(100% - 40px,680px); padding:42px 0 56px; } }@media (max-width:580px) { .degree-welcome,.degree-section-heading { align-items:flex-start; flex-direction:column; }.degree-section-heading>p { text-align:left; }.degree-path-card { min-height:0; align-items:flex-start; flex-direction:column; padding:28px 24px; }.degree-empty-icon { width:72px; height:72px; flex-basis:72px; font-size:30px; }.degree-system { margin-top:46px; }.degree-institute-grid { grid-template-columns:1fr; }.degree-institute-card { min-height:152px; } }
@media (orientation:portrait) and (min-width:768px) and (max-width:1100px) { .degree-page .sidebar-nav { display:none!important; position:fixed!important; top:0!important; left:0!important; width:100%!important; height:100%!important; padding-left:0!important; background:transparent!important; z-index:1090!important; }.degree-page .sidebar-nav.show { display:block!important; }.degree-page .sidebar-nav.show>div { transform:translate3d(0,0,0); }.degree-page .sidebar-nav>* { position:fixed!important; width:17.5rem!important; height:100%!important; transform:translate3d(-100%,0,0); transition:.2s cubic-bezier(.25,.8,.25,1); }.degree-page .sidebar-nav+.main-content,.degree-page .sidebar-nav.mini-sidebar+.main-content { margin-left:0!important; }.degree-page .sidebar-nav+.main-content .page-header,.degree-page .sidebar-nav.mini-sidebar+.main-content .page-header { left:0!important; }.degree-page .navbar-expand-md .navbar-collapse { display:none!important; }.degree-page .mobile-brand-plan.d-md-none,.degree-page .navbar-menu .mobile-menu.d-md-none { display:inline-flex!important; } }
@media (max-width:767.98px) { .degree-page .mobile-brand-plan.d-md-none { display:inline-flex; } }
@media (max-width:767.98px), (orientation:portrait) and (min-width:768px) and (max-width:1100px) {
    .degree-page .mobile-brand-plan > .top-plan-short-link { margin-left:5px; }
}
@media (max-width:767.98px), (orientation:portrait) and (min-width:768px) and (max-width:1100px) {
    .degree-header-shell .navbar-menu > li.mobile-menu:has(> a#sidebar-switch) { display:none!important; }
}
@media (max-width:575.98px) { .degree-page #footer-tools { bottom:84px!important; right:10px!important; } }

/* Keep the four learning-stage cards centered as one content group. */
.degree-page .degree-institute-card { display:grid; place-items:center; text-align:center; color:inherit; text-decoration:none; }
.degree-page .degree-institute-card:hover,.degree-page .degree-institute-card:focus { color:inherit; text-decoration:none; }
.degree-page .degree-institute-card-content { display:flex; width:100%; flex-direction:column; align-items:center; justify-content:center; text-align:center; }

/* Match the homepage icon semantics: an expanded sidebar uses three equal bars. */
.degree-page .header-mini-btn input:checked + svg .line--1,
.degree-page .header-mini-btn input:checked + svg .line--3 { --length:24; }
.degree-page .header-mini-btn input:not(:checked) + svg .line--1,
.degree-page .header-mini-btn input:not(:checked) + svg .line--3 { --length:12.602325267; }

/* Homepage education selector, scoped to the degree dashboard. */
.degree-education-panel { position:fixed; top:86px; left:260px; z-index:1080; display:flex; width:350px; max-width:calc(100vw - 284px); flex-direction:column; gap:12px; padding:14px; border:1px solid rgba(222,222,222,.92); border-radius:10px; background:#f1f3f5; box-shadow:0 18px 42px rgba(15,23,42,.14); color:#202124; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.degree-education-panel[hidden] { display:none; }
.degree-education-panel-header { display:flex; min-height:36px; align-items:center; justify-content:space-between; gap:12px; }
.degree-education-panel-title { font-size:20px; font-weight:700; }
.degree-education-panel-close { width:32px; height:32px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; font-size:30px; line-height:1; }
.degree-education-panel-modules { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:repeat(6,54px); gap:8px; }
.degree-education-panel-modules button { display:flex; width:100%; height:54px; align-items:center; justify-content:space-between; gap:8px; padding:0 12px; border:1px solid currentColor; border-radius:8px; background:#fff; color:#202124; cursor:pointer; font-size:17px; font-weight:600; line-height:1.2; }
.degree-education-panel-modules button>span { display:inline-flex; min-width:0; align-items:center; gap:12px; }
.degree-education-panel-modules button i { width:24px; text-align:center; }
.degree-education-panel-modules button b { display:inline-flex; min-width:28px; height:26px; align-items:center; justify-content:center; padding:0 7px; border:1px solid currentColor; border-radius:5px; background:rgba(255,255,255,.72); color:inherit; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; }
.degree-education-panel-modules button[data-degree-education-section="enlightenment"] { color:#2e8b57; }.degree-education-panel-modules button[data-degree-education-section="grammar"] { color:#c86412; }.degree-education-panel-modules button[data-degree-education-section="logic"] { color:#7e57c2; }.degree-education-panel-modules button[data-degree-education-section="rhetoric"] { color:#d64545; }.degree-education-panel-modules button[data-degree-education-section="university"] { color:#2874a6; }.degree-education-panel-modules button[data-degree-education-section="theology"] { color:#008795; }
body.io-black-mode .degree-education-panel { border-color:#4b5563; background:#1f2327; color:#fff; box-shadow:0 18px 42px rgba(0,0,0,.34); }.io-black-mode .degree-education-panel-modules button { background:#263142; }.io-black-mode .degree-education-panel-modules button[data-degree-education-section="enlightenment"] { color:#67b786; }.io-black-mode .degree-education-panel-modules button[data-degree-education-section="grammar"] { color:#f0a35b; }.io-black-mode .degree-education-panel-modules button[data-degree-education-section="logic"] { color:#a98bdd; }.io-black-mode .degree-education-panel-modules button[data-degree-education-section="rhetoric"] { color:#ef7771; }.io-black-mode .degree-education-panel-modules button[data-degree-education-section="university"] { color:#66a6d2; }.io-black-mode .degree-education-panel-modules button[data-degree-education-section="theology"] { color:#50bac5; }
@media (max-width:991.98px) { .degree-education-panel { left:50%; max-width:calc(100vw - 24px); transform:translateX(-50%); } }
@media (max-width:575.98px) { .degree-education-panel { top:76px; gap:8px; padding:10px; }.degree-education-panel-header { min-height:32px; }.degree-education-panel-title { font-size:17px; } }

/* Degree-page desktop navigation only: keep an 8px icon-to-label gap. */
.degree-header-shell .navbar-nav.site-menu > li > a > i { margin-right:8px!important; }

/* Align the dashboard content closer to the navigation on every viewport. */
.degree-content { padding-top:30px; }
@media (max-width:767.98px), (orientation:portrait) and (min-width:768px) and (max-width:1100px) {
    .degree-content { padding-top:22px; }
}

@media (orientation:portrait) and (min-width:744px) and (max-width:820px) {
    .degree-header-shell .page-header .navbar {
        height:74px;
        min-height:74px;
        align-items:center;
    }
    .degree-header-shell .page-header .navbar > .container-fluid {
        display:flex;
        height:100%;
        align-items:center;
    }
    .degree-header-shell .mobile-brand-plan,
    .degree-header-shell .navbar-menu {
        align-items:center;
    }
    .degree-header-shell .mobile-brand-plan .navbar-brand,
    .degree-header-shell .top-plan-short-link,
    .degree-header-shell .navbar-menu .nav-account > a {
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }
}