/* ================================================================ MTP SUBJECT PAGE Prefix:.mtp-sp- Fonts:Caveat + Nunito (loaded by parent plugin) v03.23.26.006 ================================================================ */ .mtp-sp{--sp-bd:#f8f5f0;--sp-bm:#f8f5f0;--sp-bml:#f0ede6;--sp-g:#A37B38;--sp-gd:#7c5a20;--sp-cr:#2D2F31;--sp-cd:#54595F;--sp-b2:#294A70;--sp-b2l:#3a6090;--sp-gn:#2e7d52;--sp-gnl:#22883a;--sp-rd:#C22929;--sp-card:#ffffff;--sp-card-bd:rgba(163,123,56,.18);--sp-border:rgba(163,123,56,.12);--sp-muted:#6b6560;--sp-chip-bg:rgba(163,123,56,.08);--sp-chip-bd:rgba(163,123,56,.18);font-family:'Nunito',sans-serif;line-height:1.5;color:var(--sp-cr)}/* ================================================================ HERO ================================================================ */ .mtp-sp-hero{background:var(--sp-bd);border-bottom:1px solid var(--sp-border,rgba(163,123,56,.1));padding:50px 0 44px;position:relative;overflow:hidden;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.mtp-sp-inner{padding:0 8%}.mtp-sp-content{padding:var(--sp-pad-top,40px) 0 var(--sp-pad-bot,28px);background:var(--sp-bd);position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.mtp-sp-mathbg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.mtp-sp-ms{position:absolute;bottom:-10px;font-family:'Nunito',sans-serif;font-weight:900;color:rgba(163,123,56,.05);line-height:1;pointer-events:none;animation:mtpSpFloat linear infinite}@keyframes mtpSpFloat{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:.35}100%{transform:translateY(-120vh) rotate(12deg);opacity:0}}.mtp-sp-hero-grid{display:grid;grid-template-columns:1fr 308px;gap:44px;align-items:start;position:relative;z-index:1}.mtp-sp-kicker{font-size:clamp(9px,1.1vw,12px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sp-gd);margin-bottom:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.mtp-sp-kicker::after{content:'';width:32px;height:1px;background:rgba(201,168,76,.28);display:block}.mtp-sp-title{font-size:clamp(54px,7.5vw,var(--sp-fh,90px));font-weight:var(--sp-fhw,900);color:var(--sp-cr);line-height:calc(var(--sp-fhlh,94) / 100);letter-spacing:-.025em;margin-bottom:6px;margin-top:0;font-family:'Nunito',sans-serif}.mtp-sp-subtitle{font-family:'Caveat',cursive;font-size:clamp(20px,2.6vw,var(--sp-fs,27px));font-weight:var(--sp-fsw,600);color:rgba(201,168,76,.7);font-style:italic;display:block;margin-bottom:22px}.mtp-sp-desc{font-size:var(--sp-fb,15px);font-weight:var(--sp-fbw,400);color:var(--sp-muted);line-height:calc(var(--sp-fblh,180) / 100);margin-bottom:11px}.mtp-sp-desc p{margin:0 0 11px}.mtp-sp-desc p:last-child{margin-bottom:0}.mtp-sp-desc strong{color:var(--sp-cr)}.mtp-sp-prereq-line{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--sp-muted);margin-top:16px;margin-bottom:18px;padding-top:16px;border-top:1px solid var(--sp-border)}.mtp-sp-prereq-line svg{flex-shrink:0;color:var(--sp-muted)}.mtp-sp-prereq-line em{font-style:normal;font-weight:800;color:var(--sp-cr)}.mtp-sp-prereq-line a{color:var(--sp-g);font-weight:800;text-decoration:none}.mtp-sp-prereq-line a:hover{text-decoration:underline}.mtp-sp-chips{display:flex;gap:7px;flex-wrap:wrap}.mtp-sp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.mtp-sp-chip-dk{background:var(--sp-chip-bg);border:1px solid var(--sp-chip-bd);color:var(--sp-muted)}.mtp-sp-chip-gold{background:var(--sp-border);border:1px solid rgba(201,168,76,.25);color:var(--sp-g)}/* ================================================================ ENROLLMENT CARD ================================================================ */ .mtp-sp-ec{background:var(--sp-card);border:1px solid var(--sp-card-bd);border-radius:14px;overflow:hidden}.mtp-sp-ec-status{padding:20px 20px 16px}.mtp-sp-ec-vhd{font-size:var(--sp-fch,14.5px);font-weight:var(--sp-fchw,800);color:var(--sp-cr);margin-bottom:4px}.mtp-sp-ec-vsub{font-size:12.5px;color:var(--sp-muted);line-height:1.55;margin-bottom:14px}.mtp-sp-ec-btn{display:block;width:100%;padding:12px;border-radius:8px;border:none;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:800;font-size:14px;text-align:center;text-decoration:none;transition:filter .15s,transform .1s}.mtp-sp-ec-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.mtp-sp-ec-btn-gold{background:var(--sp-g);color:#fff}.mtp-sp-ec-btn-gn{background:var(--sp-gn);color:#fff}.mtp-sp-ec-btn-sec{display:block;width:100%;padding:9px;border-radius:8px;border:1px solid var(--sp-chip-bd);background:rgba(0,0,0,.03);color:var(--sp-muted);font-family:'Nunito',sans-serif;font-weight:700;font-size:13px;cursor:pointer;margin-top:7px;text-align:center;text-decoration:none;transition:background .15s}.mtp-sp-ec-btn-sec:hover{background:rgba(255,255,255,.09)}.mtp-sp-ec-hint{font-size:12px;color:var(--sp-muted);text-align:center;margin-top:7px}.mtp-sp-ec-hint a{color:var(--sp-gd);text-decoration:none}.mtp-sp-ec-hint a:hover{color:var(--sp-g)}.mtp-sp-ec-prog-hd{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-g);margin-bottom:10px}.mtp-sp-ec-prog-rows{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.mtp-sp-ec-prog-row{display:flex;align-items:center;justify-content:space-between}.mtp-sp-ec-prog-lbl{font-size:12.5px;color:var(--sp-muted)}.mtp-sp-ec-prog-val{font-size:13px;font-weight:800;color:var(--sp-cr)}.mtp-sp-ec-track-wrap{margin-bottom:14px}.mtp-sp-ec-track-lbl{font-size:12px;color:var(--sp-muted);margin-bottom:5px;display:flex;justify-content:space-between}.mtp-sp-ec-bar{height:5px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}.mtp-sp-ec-fill{height:100%;background:linear-gradient(90deg,var(--sp-gd),var(--sp-g));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.mtp-sp-ec-done-icon{font-size:34px;text-align:center;margin-bottom:7px}.mtp-sp-ec-done-t{font-size:16px;font-weight:800;color:var(--sp-gnl);text-align:center;margin-bottom:3px}.mtp-sp-ec-done-s{font-size:12px;color:var(--sp-muted);text-align:center;margin-bottom:13px}.mtp-sp-ec-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sp-border)}.mtp-sp-ec-sg-item{padding:13px 10px 11px;border-right:1px solid var(--sp-border);border-bottom:1px solid var(--sp-border);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.mtp-sp-ec-sg-item:nth-child(3n){border-right:none}.mtp-sp-ec-sg-item:nth-child(n+4){border-bottom:none}.mtp-sp-ec-sg-icon{font-size:17px}.mtp-sp-ec-sg-lbl{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-gd)}.mtp-sp-ec-sg-val{font-size:13px;font-weight:800;color:var(--sp-cr);line-height:1.2}/* ================================================================ SKINS:All skin colors applied via inline CSS custom properties from class-subject-page-skins.php. No static skin CSS needed. ================================================================ */ /* ================================================================ SECTION HEADER Wrapper:<div class="mtp-sp-sec-hd"><span class="mtp-sp-sec-lbl">Title</span></div> Standalone:<div class="mtp-sp-sec-lbl"><span>Title</span></div> ================================================================ */ .mtp-sp-sec{margin-bottom:40px}.mtp-sp-sec-hd{display:flex;align-items:center;gap:12px;margin-bottom:18px}.mtp-sp-sec-hd::before{content:'';flex:1;height:1px;background:var(--sp-border)}.mtp-sp-sec-hd::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--sp-gd);flex-shrink:0}.mtp-sp-sec-hd .mtp-sp-sec-lbl::before,.mtp-sp-sec-hd .mtp-sp-sec-lbl::after{display:none}.mtp-sp-sec-lbl{font-size:var(--sp-fsc,10px);font-weight:var(--sp-fscw,800);letter-spacing:.18em;text-transform:uppercase;color:var(--sp-gd);margin-bottom:14px;display:flex;align-items:center;gap:10px}.mtp-sp-sec-lbl::before{content:'';flex:1;height:1px;background:var(--sp-border)}.mtp-sp-sec-lbl::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--sp-gd);flex-shrink:0}/* ================================================================ PREREQS + TOPICS GRID ================================================================ */ .mtp-sp-pt-grid{display:grid;grid-template-columns:var(--sp-pt-split,45%) 1fr;gap:28px;align-items:start}.mtp-sp-pt-topics-only{grid-template-columns:1fr}/* ================================================================ PREREQUISITES -- Pull tabs ================================================================ */ .mtp-sp-pq-wrap{display:flex;flex-direction:column;gap:8px}.mtp-sp-pq{border-radius:0 10px 10px 0;overflow:hidden}.mtp-sp-pq-h{display:flex;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;transition:background .14s;background:var(--sp-card);border:1px solid var(--sp-card-bd);border-left:4px solid var(--sp-g);border-radius:0 10px 10px 0}.mtp-sp-pq.open .mtp-sp-pq-h{background:rgba(163,123,56,.07);border-radius:0 10px 0 0}.mtp-sp-pq-h:hover{background:rgba(163,123,56,.06)}.mtp-sp-pq-n{font-family:'Caveat',cursive;font-size:22px;font-weight:700;color:var(--sp-g);line-height:1;flex-shrink:0;width:20px}.mtp-sp-pq-info{flex:1}.mtp-sp-pq-lv{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-gd);margin-bottom:2px}.mtp-sp-pq-tt{font-size:14px;font-weight:800;color:var(--sp-cr)}.mtp-sp-pq-ds{font-size:12px;color:var(--sp-muted);margin-top:1px}.mtp-sp-pq-chev{width:26px;height:26px;border-radius:6px;background:var(--sp-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtp-sp-pq.open .mtp-sp-pq-chev{background:rgba(201,168,76,.18)}.mtp-sp-pq-chev svg{width:12px;height:12px;fill:none;stroke:var(--sp-g);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s}.mtp-sp-pq.open .mtp-sp-pq-chev svg{transform:rotate(180deg)}.mtp-sp-pq-body{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.4,0,.2,1)}.mtp-sp-pq.open .mtp-sp-pq-body{max-height:520px}.mtp-sp-pq-inner{background:var(--sp-bd);border:1px solid var(--sp-border);border-top:none;border-radius:0 0 10px 10px;overflow:hidden}.mtp-sp-pq-cols{display:grid;grid-template-columns:1fr 1fr}.mtp-sp-pq-col{padding:14px 16px}.mtp-sp-pq-col + .mtp-sp-pq-col{border-left:1px solid var(--sp-border)}.mtp-sp-pq-cl{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;display:flex;align-items:center;gap:7px}.mtp-sp-pq-cl::after{content:'';flex:1;height:1px}.mtp-sp-pq-sl{color:var(--sp-b2)}.mtp-sp-pq-sl::after{background:rgba(41,74,112,.18)}.mtp-sp-pq-wl{color:var(--sp-gd)}.mtp-sp-pq-wl::after{background:var(--sp-card-bd)}.mtp-sp-pq-ul{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.mtp-sp-pq-li{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;color:var(--sp-muted)}.mtp-sp-pq-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:5px}.mtp-sp-pq-db{background:var(--sp-b2)}.mtp-sp-pq-dg{background:var(--sp-g)}.mtp-sp-pq-ft{padding:9px 16px;background:rgba(201,168,76,.03);border-top:1px solid var(--sp-border);display:flex;align-items:center;justify-content:space-between;gap:8px}.mtp-sp-pq-note{font-family:'Caveat',cursive;font-size:14px;color:var(--sp-gd)}.mtp-sp-pq-link{font-size:12px;font-weight:800;color:var(--sp-b2);text-decoration:none}/* ================================================================ TOPICS ACCORDION (expandable topics with per-lesson rows) ================================================================ */ .mtp-sp-t-info{background:rgba(163,123,56,.06);border:1px solid rgba(201,168,76,.17);border-left:3px solid var(--sp-gd);border-radius:0 8px 8px 0;padding:9px 14px;margin-bottom:12px;display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--sp-muted);line-height:1.6}.mtp-sp-t-info strong{color:var(--sp-g)}.mtp-sp-t-stack{border:1px solid var(--sp-border);border-radius:12px;overflow:hidden}.mtp-sp-t-row{background:rgba(0,0,0,.015);border-bottom:1px solid var(--sp-border)}.mtp-sp-t-row:last-child{border-bottom:none}.mtp-sp-t-head{display:flex;align-items:center;gap:11px;padding:13px 17px;cursor:pointer;transition:background .12s;user-select:none}.mtp-sp-t-head:hover{background:rgba(163,123,56,.05)}.mtp-sp-t-row.open .mtp-sp-t-head{background:rgba(163,123,56,.07)}.mtp-sp-t-num{font-family:'Caveat',cursive;font-size:21px;font-weight:700;color:var(--sp-gd);line-height:1;flex-shrink:0;width:24px}.mtp-sp-t-row.open .mtp-sp-t-num{color:var(--sp-g)}.mtp-sp-t-bar{width:3px;border-radius:99px;flex-shrink:0;align-self:stretch;min-height:18px}.mtp-sp-t-name{font-size:var(--sp-ft,13.5px);font-weight:var(--sp-ftw,800);color:var(--sp-cr);flex:1}.mtp-sp-t-row.open .mtp-sp-t-name{color:var(--sp-cr)}.mtp-sp-t-ct{font-size:12px;font-weight:700;color:var(--sp-muted);white-space:nowrap}.mtp-sp-t-chev{width:23px;height:23px;border-radius:5px;background:var(--sp-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtp-sp-t-chev svg{width:11px;height:11px;fill:none;stroke:var(--sp-g);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s}.mtp-sp-t-row.open .mtp-sp-t-chev svg{transform:rotate(180deg)}.mtp-sp-t-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.mtp-sp-t-row.open .mtp-sp-t-body{max-height:4000px}.mtp-sp-t-lessons{padding:0 17px 13px}.mtp-sp-l-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;font-size:var(--sp-fl,12px);cursor:default;transition:background .12s;color:var(--sp-muted)}.mtp-sp-l-row:hover{background:var(--sp-card)}.mtp-sp-l-num{width:21px;height:21px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--sp-chip-bg);color:var(--sp-muted)}.mtp-sp-l-dn{background:rgba(46,125,82,.2);color:var(--sp-gnl)}.mtp-sp-l-ac{background:rgba(201,168,76,.2);color:var(--sp-g)}.mtp-sp-l-t{flex:1;line-height:1.3}.mtp-sp-l-t a{color:inherit;text-decoration:none}.mtp-sp-l-t a:hover{color:var(--sp-cr)}.mtp-sp-l-time{font-size:12px;color:var(--sp-muted);white-space:nowrap}.mtp-sp-l-ic{font-size:12px}.mtp-sp-l-ic-dn{color:var(--sp-gnl)}.mtp-sp-l-ic-ac{color:var(--sp-g)}/* ================================================================ GRADES + HOMEWORK (enrolled only) ================================================================ */ .mtp-sp-gh-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mtp-sp-g-card{background:var(--sp-card);border:1px solid var(--sp-card-bd);border-radius:12px;padding:18px 20px}.mtp-sp-g-card-hd{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-gd);margin-bottom:14px;display:flex;align-items:center;gap:8px}.mtp-sp-g-card-hd::after{content:'';flex:1;height:1px;background:var(--sp-border)}.mtp-sp-g-rows{display:flex;flex-direction:column;gap:6px}.mtp-sp-g-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--sp-card);border-radius:7px}.mtp-sp-g-topic{font-size:12.5px;font-weight:700;color:var(--sp-cr);flex:1}.mtp-sp-g-badge{font-size:12px;font-weight:800;padding:2px 9px;border-radius:5px;white-space:nowrap}.mtp-sp-gb-a{background:rgba(46,125,82,.18);color:var(--sp-gnl)}.mtp-sp-gb-b{background:rgba(41,74,112,.2);color:#7aafe0}.mtp-sp-gb-ip{background:rgba(201,168,76,.14);color:var(--sp-g)}.mtp-sp-gb-lk{background:rgba(0,0,0,.03);color:var(--sp-muted)}.mtp-sp-g-note{font-size:12px;color:var(--sp-muted);margin-top:9px}.mtp-sp-hw-card{background:linear-gradient(135deg,rgba(41,74,112,.18),rgba(41,74,112,.08));border:1px solid rgba(41,74,112,.3);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between}.mtp-sp-hw-hd{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7aafe0;margin-bottom:6px}.mtp-sp-hw-title{font-size:18px;font-weight:800;color:#e8f0ff;margin-bottom:4px}.mtp-sp-hw-sub{font-size:13px;color:rgba(232,240,255,.48);line-height:1.55;margin-bottom:14px}.mtp-sp-hw-btn{background:var(--sp-b2);color:#fff;font-weight:800;font-size:14px;padding:13px;border-radius:9px;border:none;cursor:pointer;text-align:center;display:block;width:100%;text-decoration:none}.mtp-sp-hw-btn:hover{filter:brightness(1.15)}/* ================================================================ COURSE CAROUSEL ================================================================ */ .mtp-sp-car-intro{font-size:13px;color:var(--sp-muted);margin-bottom:14px}.mtp-sp-car-track{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}.mtp-sp-car-track::-webkit-scrollbar{height:3px}.mtp-sp-car-track::-webkit-scrollbar-thumb{background:rgba(201,168,76,.2);border-radius:2px}.mtp-sp-c-card{flex-shrink:0;width:192px;border-radius:11px;overflow:hidden;scroll-snap-align:start;cursor:pointer;transition:transform .17s;text-decoration:none;background:var(--sp-card);border:1px solid var(--sp-border);display:flex;flex-direction:column}.mtp-sp-c-card:hover{transform:translateY(-2px)}.mtp-sp-c-cur{border-color:rgba(201,168,76,.5);box-shadow:0 0 0 2px var(--sp-border)}.mtp-sp-c-ap{border-color:rgba(41,74,112,.4)}.mtp-sp-c-thumb{width:100%;height:112px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--sp-bd)}.mtp-sp-c-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mtp-sp-c-thumb-ph{font-family:'Caveat',cursive;font-size:24px;font-weight:700;color:rgba(255,255,255,.13);text-align:center;line-height:1.2}.mtp-sp-c-cur-badge{position:absolute;top:8px;left:8px;background:var(--sp-gd);color:#fff;font-size:12px;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.mtp-sp-c-body{padding:10px 12px 8px;flex:1}.mtp-sp-c-track{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;color:var(--sp-gd)}.mtp-sp-c-cur .mtp-sp-c-track{color:var(--sp-g)}.mtp-sp-c-ap .mtp-sp-c-track{color:#7aafe0}.mtp-sp-c-name{font-size:13.5px;font-weight:800;color:var(--sp-cr);margin-bottom:3px;line-height:1.2}.mtp-sp-c-cur .mtp-sp-c-name{color:var(--sp-cr)}.mtp-sp-c-foot{padding:8px 12px;border-top:1px solid var(--sp-border);display:flex;justify-content:flex-end}.mtp-sp-c-cta{font-size:11.5px;font-weight:800;color:var(--sp-gd)}.mtp-sp-c-cur .mtp-sp-c-cta{color:var(--sp-g)}.mtp-sp-c-ap .mtp-sp-c-cta{color:#7aafe0}/* ================================================================ MAJOR RELEVANCE ================================================================ */ .mtp-sp-majors-intro{font-size:13.5px;color:var(--sp-muted);line-height:1.65;margin-bottom:20px}.mtp-sp-majors-note{font-size:13.5px;color:var(--sp-muted);line-height:1.65;margin-bottom:20px}.mtp-sp-majors-highlight{background:rgba(163,123,56,.06);border:1px solid rgba(201,168,76,.14);border-radius:9px;padding:10px 14px;margin-bottom:16px;font-size:12.5px;color:var(--sp-muted);display:flex;align-items:center;gap:8px}.mtp-sp-majors-highlight strong{color:var(--sp-g)}.mtp-sp-majors-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mtp-sp-majors-single{grid-template-columns:1fr}.mtp-sp-mc{border-radius:13px;overflow:hidden;border:1px solid var(--sp-border)}.mtp-sp-mc-icon{font-size:26px;flex-shrink:0}.mtp-sp-mc-hd{padding:18px 20px 14px;display:flex;align-items:flex-start;gap:13px}.mtp-sp-mc-badge{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.mtp-sp-mc-title{font-size:17px;font-weight:800;margin-bottom:3px}.mtp-sp-mc-sub{font-size:12.5px;line-height:1.5}.mtp-sp-mc-rows{padding:0 20px 16px;border-top:1px solid var(--sp-border)}.mtp-sp-mc-rl{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:10px 0 8px;display:flex;align-items:center;gap:8px}.mtp-sp-mc-rl::after{content:'';flex:1;height:1px}.mtp-sp-mc-r{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid var(--sp-border)}.mtp-sp-mc-r:last-child{border-bottom:none}.mtp-sp-mc-rc{font-size:12.5px;font-weight:800;min-width:130px;flex-shrink:0}.mtp-sp-mc-rw{font-size:12px;line-height:1.5}.mtp-sp-mc-gold{background:rgba(163,123,56,.05)}.mtp-sp-mc-gold .mtp-sp-mc-badge{color:var(--sp-gd)}.mtp-sp-mc-gold .mtp-sp-mc-title{color:var(--sp-cr)}.mtp-sp-mc-gold .mtp-sp-mc-sub{color:var(--sp-muted)}.mtp-sp-mc-gold .mtp-sp-mc-rl{color:var(--sp-gd)}.mtp-sp-mc-gold .mtp-sp-mc-rl::after{background:var(--sp-border)}.mtp-sp-mc-gold .mtp-sp-mc-rc{color:var(--sp-g)}.mtp-sp-mc-gold .mtp-sp-mc-rw{color:var(--sp-muted)}.mtp-sp-mc-blue{background:rgba(41,74,112,.05)}.mtp-sp-mc-blue .mtp-sp-mc-badge{color:#294A70}.mtp-sp-mc-blue .mtp-sp-mc-title{color:var(--sp-cr)}.mtp-sp-mc-blue .mtp-sp-mc-sub{color:var(--sp-muted)}.mtp-sp-mc-blue .mtp-sp-mc-rl{color:#294A70}.mtp-sp-mc-blue .mtp-sp-mc-rl::after{background:rgba(41,74,112,.15)}.mtp-sp-mc-blue .mtp-sp-mc-rc{color:#294A70}.mtp-sp-mc-blue .mtp-sp-mc-rw{color:var(--sp-muted)}.mtp-sp-mc-purple{background:rgba(100,80,180,.05)}.mtp-sp-mc-purple .mtp-sp-mc-badge{color:#6450b4}.mtp-sp-mc-purple .mtp-sp-mc-title{color:var(--sp-cr)}.mtp-sp-mc-purple .mtp-sp-mc-sub{color:var(--sp-muted)}.mtp-sp-mc-purple .mtp-sp-mc-rl{color:#6450b4}.mtp-sp-mc-purple .mtp-sp-mc-rl::after{background:rgba(100,80,180,.15)}.mtp-sp-mc-purple .mtp-sp-mc-rc{color:#6450b4}.mtp-sp-mc-purple .mtp-sp-mc-rw{color:var(--sp-muted)}.mtp-sp-mc-green{background:rgba(46,125,82,.05)}.mtp-sp-mc-green .mtp-sp-mc-badge{color:#2e7d52}.mtp-sp-mc-green .mtp-sp-mc-title{color:var(--sp-cr)}.mtp-sp-mc-green .mtp-sp-mc-sub{color:var(--sp-muted)}.mtp-sp-mc-green .mtp-sp-mc-rl{color:#2e7d52}.mtp-sp-mc-green .mtp-sp-mc-rl::after{background:rgba(46,125,82,.15)}.mtp-sp-mc-green .mtp-sp-mc-rc{color:#2e7d52}.mtp-sp-mc-green .mtp-sp-mc-rw{color:var(--sp-muted)}/* ================================================================ COURSE MATERIALS (grouped by status) ================================================================ */ .mtp-sp-books{display:flex;flex-direction:column;gap:14px}.mtp-sp-books-group{border:1px solid;border-radius:12px;padding:18px 20px;overflow:hidden}.mtp-sp-books-group-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mtp-sp-books-group-badge{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:20px;border:1px solid}.mtp-sp-books-group-count{font-size:11px;color:var(--sp-muted);font-weight:600}.mtp-sp-books-row{display:grid;gap:12px}.mtp-sp-books-row-1{grid-template-columns:1fr;max-width:520px}.mtp-sp-books-row-2{grid-template-columns:1fr 1fr}.mtp-sp-books-row-3{grid-template-columns:1fr 1fr 1fr}.mtp-sp-books-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.mtp-sp-book{background:var(--sp-card,#1a1816);border:1px solid var(--sp-border);border-radius:10px;padding:18px;display:flex;flex-direction:column;min-width:0}.mtp-sp-book-badge{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.mtp-sp-book-title{font-size:14px;font-weight:800;color:var(--sp-cr);margin-bottom:3px}.mtp-sp-book-author{font-size:12px;color:var(--sp-muted);margin-bottom:3px}.mtp-sp-book-pub{font-size:11px;color:var(--sp-muted);opacity:.7;margin-top:4px}.mtp-sp-book-pub span + span::before{content:' \00b7 ';color:var(--sp-g,#c9a84c);opacity:.5}.mtp-sp-book-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-top:10px;width:fit-content}.mtp-sp-pulse{animation:mtpSpPulse 2.5s ease-in-out infinite}@keyframes mtpSpPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 transparent}50%{opacity:.7;box-shadow:0 0 8px 2px rgba(46,125,82,.25)}}.mtp-sp-book-link{font-size:12px;font-weight:700;color:var(--sp-gd,#c9a84c);text-decoration:none;margin-top:auto;padding-top:10px}.mtp-sp-book-link:hover{color:#d4b55a}@media (max-width:900px){.mtp-sp-books-row-3,.mtp-sp-books-row-4{grid-template-columns:1fr 1fr}}@media (max-width:600px){.mtp-sp-books-row{grid-template-columns:1fr !important}.mtp-sp-books-group{padding:14px}}/* ================================================================ INSTRUCTOR ================================================================ */ .mtp-sp-instr{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:14px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start}.mtp-sp-instr-av{width:74px;height:74px;border-radius:50%;background:var(--sp-bd);border:2.5px solid var(--sp-g);display:flex;align-items:center;justify-content:center;font-family:'Caveat',cursive;font-size:32px;color:var(--sp-g);flex-shrink:0}.mtp-sp-instr-name{font-size:var(--sp-fin,18px);font-weight:800;color:var(--sp-cr);margin-bottom:2px}.mtp-sp-instr-role{font-size:12px;color:var(--sp-muted);margin-bottom:8px}.mtp-sp-instr-bio{font-size:var(--sp-fib,13.5px);color:var(--sp-muted);line-height:1.7;max-width:520px}.mtp-sp-instr-creds{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mtp-sp-instr-cred{background:rgba(163,123,56,.07);border:1px solid var(--sp-card-bd);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;color:var(--sp-gd)}.mtp-sp-instr-aside{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.mtp-sp-instr-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#7aafe0;text-decoration:none;padding:8px 16px;background:rgba(41,74,112,.15);border-radius:8px;white-space:nowrap}.mtp-sp-instr-btn:hover{background:rgba(41,74,112,.25)}.mtp-sp-instr-q{background:rgba(163,123,56,.05);border-left:3px solid rgba(201,168,76,.28);border-radius:0 8px 8px 0;padding:12px 14px;max-width:272px}.mtp-sp-instr-qt{font-size:12px;font-style:italic;color:var(--sp-muted);line-height:1.6;margin-bottom:6px}.mtp-sp-instr-qa{font-size:12px;font-weight:800;color:var(--sp-gd)}/* ================================================================ PREV / NEXT NAVIGATION ================================================================ */ .mtp-sp-cn{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;border:1px solid var(--sp-border)}.mtp-sp-cn-p,.mtp-sp-cn-n{padding:26px 30px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background .15s;text-decoration:none;background:var(--sp-card);color:inherit}.mtp-sp-cn-p{border-right:1px solid var(--sp-border)}.mtp-sp-cn-n{justify-content:flex-end;text-align:right}.mtp-sp-cn-p:hover,.mtp-sp-cn-n:hover{background:rgba(163,123,56,.05)}.mtp-sp-cn-empty{pointer-events:none}.mtp-sp-cn-arr{width:38px;height:38px;border-radius:9px;background:var(--sp-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.mtp-sp-cn-p:hover .mtp-sp-cn-arr,.mtp-sp-cn-n:hover .mtp-sp-cn-arr{background:rgba(201,168,76,.2)}.mtp-sp-cn-arr svg{width:17px;height:17px;fill:none;stroke:var(--sp-g);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mtp-sp-cn-dir{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sp-gd);margin-bottom:4px}.mtp-sp-cn-name{font-size:17px;font-weight:900;color:var(--sp-cr)}.mtp-sp-cn-sub{font-size:12px;font-weight:600;color:var(--sp-muted);margin-top:2px}/* ================================================================ COURSE DESCRIPTION (no box wrapper,plain flow) ================================================================ */ .mtp-sp-syll-obj{margin-top:18px;padding-top:16px;border-top:1px solid var(--sp-border,var(--sp-border))}.mtp-sp-syll-obj-hd{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-g,#A37B38);margin-bottom:10px}.mtp-sp-syll-obj-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.mtp-sp-syll-obj-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--sp-muted,rgba(237,232,220,.55));line-height:1.5}.mtp-sp-syll-obj-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--sp-g,#A37B38);flex-shrink:0;margin-top:6px}.mtp-sp-syll-txt{margin-top:14px;padding-top:12px;border-top:1px solid var(--sp-border,var(--sp-border));font-size:12px;color:var(--sp-muted,rgba(237,232,220,.5))}.mtp-sp-syll-txt-lbl{font-weight:800;color:var(--sp-g,#A37B38);margin-right:6px}.mtp-sp-syll-stats{display:flex;gap:0;margin-top:18px;padding-top:16px;border-top:1px solid var(--sp-border)}.mtp-sp-syll-stat{flex:1;text-align:center;padding:10px 8px;border-right:1px solid var(--sp-border)}.mtp-sp-syll-stat:last-child{border-right:none}.mtp-sp-syll-stat-n{display:block;font-size:22px;font-weight:900;color:var(--sp-g,#A37B38);line-height:1.1;margin-bottom:4px}.mtp-sp-syll-stat-l{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted)}/* ================================================================ DARK MODE OVERRIDES Applied when skin mode is "dark" (e.g. euler-dark,gauss-dark). Swaps the light defaults to dark equivalents. ================================================================ */ .mtp-sp-mode-dark{--sp-bd:#2D2F31;--sp-bm:#2D2F31;--sp-cr:#f8f7f4;--sp-muted:rgba(237,232,220,.55);--sp-g:#D4C0A1;--sp-gd:#A37B38;--sp-card:rgba(255,255,255,.04);--sp-card-bd:rgba(201,168,76,.2);--sp-border:rgba(201,168,76,.1);--sp-chip-bg:rgba(255,255,255,.06);--sp-chip-bd:rgba(255,255,255,.1)}.mtp-sp-mode-dark .mtp-sp-ec-btn-gold{color:#1a1816}.mtp-sp-mode-dark .mtp-sp-chip-dk{color:rgba(237,232,220,.63)}.mtp-sp-mode-dark .mtp-sp-ms{color:rgba(201,168,76,.04) !important}/* ================================================================ RESPONSIVE ================================================================ */ @media (max-width:900px){.mtp-sp-inner{padding:0 5%}.mtp-sp-hero{padding:36px 0 32px}.mtp-sp-hero-grid{grid-template-columns:1fr}.mtp-sp-title{font-size:clamp(36px,9vw,54px)}.mtp-sp-subtitle{font-size:20px;margin-bottom:14px}}@media (max-width:860px){.mtp-sp-pt-grid{grid-template-columns:1fr}}@media (max-width:760px){.mtp-sp-instr{grid-template-columns:1fr}.mtp-sp-instr-aside{flex-direction:row;flex-wrap:wrap}}@media (max-width:700px){.mtp-sp-gh-grid{grid-template-columns:1fr}.mtp-sp-majors-grid{grid-template-columns:1fr}}@media (max-width:600px){.mtp-sp-inner{padding:0 4%}.mtp-sp-hero{padding:24px 0}.mtp-sp-hero-grid{gap:24px}.mtp-sp-chips{gap:5px}.mtp-sp-chip{font-size:12px;padding:5px 10px}.mtp-sp-ec-stats{grid-template-columns:repeat(2,1fr)}.mtp-sp-ec-sg-item:nth-child(3n){border-right:1px solid var(--sp-border)}.mtp-sp-ec-sg-item:nth-child(2n){border-right:none}.mtp-sp-ec-sg-item:nth-child(n+5){border-bottom:none}.mtp-sp-cn{grid-template-columns:1fr 1fr}.mtp-sp-cn-dir{font-size:9px}.mtp-sp-cn-name{font-size:13px}.mtp-sp-cn-sub{display:none}.mtp-sp-cn-arr{width:28px;height:28px}.mtp-sp-cn-arr svg{width:12px;height:12px}.mtp-sp-cn-p,.mtp-sp-cn-n{padding:14px 10px;gap:8px}.mtp-sp-syll-stats{flex-wrap:wrap}.mtp-sp-syll-stat{min-width:45%;flex:1 1 45%;border-bottom:1px solid var(--sp-border)}.mtp-sp-syll-stat:nth-last-child(-n+2){border-bottom:none}}@media (max-width:560px){.mtp-sp-pq-cols{grid-template-columns:1fr}.mtp-sp-pq-col + .mtp-sp-pq-col{border-left:none;border-top:1px solid var(--sp-border)}}body.admin-bar .mtp-sp{position:relative;z-index:0}#wpadminbar{z-index:99999 !important}/* ================================================================ SCROLL ENTRANCE ANIMATIONS Applied via data-mtp-anim attribute + IntersectionObserver ================================================================ */ .mtp-sp[data-mtp-anim]{opacity:0}.mtp-sp[data-mtp-anim].mtp-sp-visible{opacity:1}.mtp-sp[data-mtp-anim="fade-up"]{transform:translateY(40px);transition:opacity var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1),transform var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1)}.mtp-sp[data-mtp-anim="fade-up"].mtp-sp-visible{opacity:1;transform:translateY(0)}.mtp-sp[data-mtp-anim="zoom-in"]{transform:scale(0.92);transition:opacity var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1),transform var(--sp-anim-dur,0.6s) cubic-bezier(.16,1,.3,1)}.mtp-sp[data-mtp-anim="zoom-in"].mtp-sp-visible{opacity:1;transform:scale(1)}.mtp-sp[data-mtp-anim="slide-left"]{transform:translateX(-60px);transition:opacity var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1),transform var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1)}.mtp-sp[data-mtp-anim="slide-left"].mtp-sp-visible{opacity:1;transform:translateX(0)}.mtp-sp[data-mtp-anim="slide-right"]{transform:translateX(60px);transition:opacity var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1),transform var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1)}.mtp-sp[data-mtp-anim="slide-right"].mtp-sp-visible{opacity:1;transform:translateX(0)}.mtp-sp[data-mtp-anim="page-turn"]{transform:perspective(1200px) rotateY(-12deg);transform-origin:left center;transition:opacity var(--sp-anim-dur,0.6s) cubic-bezier(.4,0,.2,1),transform var(--sp-anim-dur,0.6s) cubic-bezier(.16,1,.3,1)}.mtp-sp[data-mtp-anim="page-turn"].mtp-sp-visible{opacity:1;transform:perspective(1200px) rotateY(0deg)}.mtp-sp[data-mtp-anim="none"]{opacity:1}@media (prefers-reduced-motion:reduce){.mtp-sp[data-mtp-anim]{opacity:1 !important;transform:none !important;transition:none !important}}/* ================================================================ INSTRUCTOR CONTACT CARD -- SP SKIN INTEGRATION When [mtp_instructor_contact] renders inside a Subject Page,override cream/dark/minimal hardcoded colors with the active SP skin palette via --sp-* CSS custom properties. Higher specificity (.mtp-sp .mtp-ic-*) overrides both the LC inline <style> and the IH fallback CSS. ================================================================ */ .mtp-sp .mtp-ic-card{background:var(--sp-card,#faf8f4) !important;border-color:var(--sp-card-bd,#e6e2d8) !important}.mtp-sp .mtp-ic-heading{color:var(--sp-cr,#3d2e1a) !important}.mtp-sp .mtp-ic-name{color:var(--sp-cr,#3d2e1a) !important}.mtp-sp .mtp-ic-title{color:var(--sp-g,#9a7830) !important}.mtp-sp .mtp-ic-bio{color:var(--sp-muted,#6b7280) !important}.mtp-sp .mtp-ic-right{border-left-color:var(--sp-border,rgba(163,123,56,.1)) !important}.mtp-sp .mtp-ic-contact{border-top-color:var(--sp-border,rgba(201,168,76,.08)) !important}.mtp-sp .mtp-ic-link{color:var(--sp-g,#294A70) !important}.mtp-sp .mtp-ic-link:hover{color:var(--sp-gd,#c9a84c) !important}.mtp-sp .mtp-ic-loc{color:var(--sp-muted,#8a7252) !important}.mtp-sp .mtp-ic-pref{color:var(--sp-g,#9a7830) !important;background:var(--sp-chip-bg,rgba(201,168,76,.1)) !important;border-color:var(--sp-chip-bd,rgba(201,168,76,.15)) !important}.mtp-sp .mtp-ic-hours-label{color:var(--sp-g,#9a7830) !important}.mtp-sp .mtp-ic-hour-row{color:var(--sp-muted,#5a5040) !important}.mtp-sp .mtp-ic-tz{color:var(--sp-muted,#8a7252) !important}.mtp-sp .mtp-ic-hours-notice{color:var(--sp-g,#b07d2a) !important;background:var(--sp-chip-bg,rgba(176,125,42,.06)) !important;border-left-color:var(--sp-g,#b07d2a) !important}.mtp-sp .mtp-ic-quote{border-left-color:var(--sp-border,rgba(201,168,76,.3)) !important;background:var(--sp-chip-bg,rgba(201,168,76,.04)) !important}.mtp-sp .mtp-ic-quote p{color:var(--sp-cr,#3d2e1a) !important}.mtp-sp .mtp-ic-quote cite{color:var(--sp-g,#b07d2a) !important}.mtp-sp .mtp-ic-quote a{color:var(--sp-g,#b07d2a) !important}.mtp-sp .mtp-ic-btn{background:var(--sp-g,#c9a84c) !important;color:var(--sp-bd,#1a1816) !important}.mtp-sp .mtp-ic-btn:hover{background:var(--sp-gd,#b8923a) !important}.mtp-sp .mtp-ic-visitor-cta{background:var(--sp-chip-bg,rgba(201,168,76,.04)) !important;border-color:var(--sp-border,rgba(201,168,76,.1)) !important}.mtp-sp .mtp-ic-visitor-text{color:var(--sp-muted,#8a7252) !important}.mtp-sp .mtp-ic-visitor-btn{background:var(--sp-g,#c9a84c) !important;color:var(--sp-bd,#1a1816) !important}.mtp-sp .mtp-ic-visitor-btn:hover{background:var(--sp-gd,#b8923a) !important}.mtp-sp .mtp-ic-visitor-value{color:var(--sp-muted,#6b6050) !important;background:var(--sp-chip-bg,rgba(201,168,76,.04)) !important;border-left-color:var(--sp-border,rgba(201,168,76,.2)) !important}.mtp-sp .mtp-ic-photo img{border-color:var(--sp-border,rgba(201,168,76,.2)) !important}/* Ring SVG text + stroke inherit from inline attrs,but ring color in PHP already uses #c9a84c default. No CSS override needed for ring itself. */ .mtp-sp .mtp-ic-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08) !important}@media(max-width:860px){.mtp-sp .mtp-ic-right{border-top-color:var(--sp-border,rgba(201,168,76,.1)) !important}}