/* Teaching-only web glass treatment. Shared MockCampus chrome remains unchanged.
   Approved preview: variance 4, motion 2, density 5. Native CSS, existing Inter.
   Surfaces use 16px corners; controls use 10px. No automatic motion. */
.teaching-page{background:#edf3f7;color:#14293d}
.teaching-page>.hero{background:linear-gradient(120deg,#f8fafc 12%,#e6eff5 100%);color:#14293d;overflow:hidden}
.teaching-page>.hero:after{display:none}
.teaching-page>.hero>.wrap{max-width:1240px;padding:28px 24px 25px;min-height:218px}
.teaching-page .hero .crumb{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:#526779;font-size:12px}
.teaching-page .hero .crumb a{display:inline-flex;align-items:center;min-height:44px;color:#23423f}
.teaching-page .hero .crumb b{color:#856322;font-weight:600}
.teaching-page .hero .eyebrow{font-size:12px;color:#87651e;font-weight:700;margin-bottom:10px}
.teaching-page .hero h1{position:relative;font-family:Inter,system-ui,sans-serif;font-size:clamp(29px,3.25vw,44px);line-height:1.13;letter-spacing:-1.5px;margin:0 0 13px;color:#11253d;max-width:780px}
.teaching-page .hero p{position:relative;max-width:630px;font-size:15px;line-height:1.65;color:#4b6174;margin:0}
.teaching-scene{position:absolute;right:0;bottom:0;width:400px;height:220px;object-fit:cover;object-position:center;opacity:.7;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 35%);pointer-events:none}
.teaching-page>.etabs{max-width:1240px;padding:18px 24px 2px;margin:0 auto;gap:10px;flex-wrap:wrap;overflow:visible}
.teaching-page .etab{min-height:46px;min-width:44px;padding:10px 15px;border:1px solid #d8e4ed;border-radius:10px;background:rgba(255,255,255,.65);font-size:12px;font-weight:600;box-shadow:0 3px 9px #234a6610;color:#526476}
.teaching-page .etab.on{background:#103f40;border-color:#164c4c;color:#f6faf8;box-shadow:inset 0 1px 0 #ffffff35,0 4px 10px #16434c24}
.teaching-page .etab.on .lbl{font-family:inherit}
.teaching-page .etab .dot{width:7px;height:7px;background:#a9d1bc}
.teaching-page .etab .sn{background:#e8edf2;color:#526476;font-size:10px;font-weight:600;padding:3px 7px}
.teaching-page .etab:disabled{cursor:default;opacity:1}
.teaching-page>.teaching-main{max-width:1240px;padding:0 24px 30px}
.teaching-page .scheme{display:inline-flex;gap:0;flex-wrap:wrap;margin:16px 0 0;padding:2px 0;background:rgba(255,255,255,.7);border:1px solid #d8e4ed;border-radius:12px;box-shadow:0 5px 12px #234a660b}
.teaching-page .scheme .s{display:flex;align-items:center;gap:6px;min-width:0;padding:13px 20px;background:none;border:0;border-radius:0;position:relative}
.teaching-page .scheme .s+.s:before{content:'';height:17px;width:1px;background:#dce4eb;position:absolute;left:0}
.teaching-page .scheme .s b{font:700 14px/1.4 Inter,system-ui,sans-serif;color:#1b3a50}
.teaching-page .scheme .s span{font:500 12px/1.4 Inter,system-ui,sans-serif;color:#586c7e}
.teaching-page .ptabs{display:flex;flex-wrap:nowrap;gap:4px;margin:22px 0 14px;padding:5px 8px 0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#b7cbd1 transparent;border:1px solid #d5e2ec;border-radius:16px;background:rgba(255,255,255,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff,0 5px 10px #1c426211}
.teaching-page .ptab{min-height:54px;min-width:44px;flex:1 0 auto;justify-content:center;margin:0;padding:13px 14px;font-size:14px;font-weight:600;color:#465e72;border-bottom:3px solid transparent;white-space:nowrap}
.teaching-page .ptab.on{color:#123e40;border-bottom-color:#123e40;background:linear-gradient(0deg,#123e4009,transparent)}
.teaching-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.teaching-content>section{min-width:0;border:1px solid #dce6ee;border-radius:16px;padding:17px;background:rgba(255,255,255,.42)}
.teaching-page .pbar{margin:0 0 14px;gap:12px}
.teaching-page .pbar h2{font:700 21px/1.3 Inter,system-ui,sans-serif;color:#152c43;letter-spacing:-.45px}
.teaching-count{border:1px solid #d8e4eb;border-radius:8px;background:#f3f7fa;padding:5px 9px;font-size:11px;color:#3e6474;font-weight:600}
.teaching-page #panel .grid{grid-template-columns:1fr;gap:9px;margin-top:0}
.teaching-page #panel .card{padding:17px;background:#ffffffeb;border:1px solid #e0e8ef;border-radius:12px;box-shadow:0 3px 12px #1c426207;min-width:0;transition:box-shadow .16s,border-color .16s}
.teaching-page #panel .card:hover{transform:none;border-color:#a4c4c9;box-shadow:0 5px 13px #1c426212}
.teaching-page #panel .card .k{font:600 10px/1.5 Inter,system-ui,sans-serif;border-radius:6px;background:#eaf1ef;color:#26564b;margin:0 0 10px;padding:3px 7px}
.teaching-page #panel .card .k.prem{background:#faf0dc;color:#785819}
.teaching-page #panel .card h3{font-size:15px;color:#19364b;line-height:1.5}
.teaching-page #panel .card p{font-size:13px;color:#566c7b;line-height:1.6;margin-bottom:7px}
.teaching-page #panel .card .go{display:inline-flex;align-items:center;min-height:44px;color:#174d43;font-size:12px}
.teaching-page #panel .card.dim{opacity:1;background:#eaf0f4;color:#596b77}
.teaching-page #panel .mc-ucard{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:6px;min-height:86px;align-items:center;padding:15px 17px 15px 55px}
.teaching-page #panel .mc-ucard:before{content:attr(data-mock-number);position:absolute;width:27px;height:34px;border-radius:7px;left:15px;top:23px;background:#edf3f5;color:#46657a;font:700 13px/34px Inter,system-ui,sans-serif;text-align:center}
.teaching-page #panel .mc-ucard:not([data-mock-number]):before{content:'PYQ';font-size:9px;color:#2e634f;background:#e6f2eb}
.teaching-page #panel .mc-utop{grid-column:1;gap:6px;align-items:center;flex-wrap:wrap}
.teaching-page #panel .mc-uttl{font-size:13px;line-height:1.4;color:#173349;font-weight:700;letter-spacing:0}
.teaching-page #panel .mc-chip{font-size:9px;padding:2px 7px}
.teaching-page #panel .mc-chip.na{color:#627582;background:#eff4f6;border-color:#e2e9ee}
.teaching-page #panel .mc-umeta{grid-column:1;font-size:12px;line-height:1.5;color:#566b7c;margin:0}
.teaching-page #panel .mc-uspace{display:none}
.teaching-page #panel .mc-ufoot{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:7px;margin:0;align-items:stretch;min-width:91px}
.teaching-page #panel .mc-ufoot>.open{display:none}
.teaching-page #panel .mc-ufoot>.start{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:#103f40;color:#f5f9f7!important;border-radius:8px;font-size:11px;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff35,0 3px 6px #1b44541c}
.teaching-page #panel .mc-attempt{grid-column:1;margin:0;padding:6px 8px;background:#edf7f1;border-color:#d5e8dc}
.teaching-page #panel .mca-when,.teaching-page #panel .mca-res{font-size:10px}
.teaching-page #panel .mc-review{display:inline-flex;min-height:44px;align-items:center;justify-content:center;font-size:11px;color:#215c4a;background:#f2f7f4;border-color:#cddfd5;cursor:pointer}
.teaching-aside{display:grid;gap:14px;padding-top:8px;min-width:0}
.teaching-pyq{padding:21px;border:1px solid #fff6e4;border-radius:14px;background:linear-gradient(130deg,#fffaf0,#fbf4e8);box-shadow:inset 0 0 0 2px #ffffffb0,0 4px 12px #66542713}
.teaching-free{display:block;font-size:11px;color:#80601d;margin-bottom:14px;font-weight:600}
.teaching-pyq h2{font-size:16px;color:#193a3a;margin:0 0 9px;font-weight:700}
.teaching-pyq p{font-size:20px;color:#153d39;font-weight:600;line-height:1.35;margin:0 0 20px;letter-spacing:-.3px}
.teaching-pyq a{min-height:46px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#103f40;color:#f7faf8;border-radius:9px;font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff35}
.teaching-shortcuts{border:1px solid #e0e7ee;border-radius:12px;background:#ffffffc7;padding:5px 14px}
.teaching-shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;width:100%;border:0;background:transparent;font:500 12px/1.5 Inter,system-ui,sans-serif;text-align:left;color:#244358;cursor:pointer}
.teaching-shortcuts button+button{border-top:1px solid #e7edf1}
.teaching-page .sylslot{margin:0}
.teaching-page .sylbody{box-shadow:none;border-color:#dce6ee;background:#fff;border-radius:12px}
.teaching-page .sylbody .sh{background:#eaf2f3;padding:18px;color:#203b4a}
.teaching-page .sylbody .sh h2{font:700 21px Inter,system-ui,sans-serif;color:#173c3e}
.teaching-page .sylbody .sh span{color:#516c78;font-size:12px;line-height:1.65;margin-top:6px}
.teaching-page .sylsec{border-top-color:#e1e9ee}
.teaching-page .sylsec>summary{min-height:54px;padding:16px 14px}
.teaching-page .sylsec .nm{font-size:13px;color:#264554}
.teaching-page .sylsec .bd{color:#536976;overflow-wrap:anywhere}
.teaching-page .sylsec .bd .go{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.teaching-page .sylfoot{color:#61747e;background:#f2f6f8;border-color:#e1e9ee}
.teaching-page>.mcx{max-width:1192px;margin:0 auto 20px;border-top:1px solid #d8e3eb;padding:16px 0}
.teaching-page>.mcx>summary{min-height:44px;font-size:11px;color:#586f80}
.teaching-page>.mcx a{display:inline-flex;align-items:center;min-height:44px;color:#35566b}
.teaching-page .teaching-main :is(a,button,summary):focus-visible,.teaching-page>.etabs button:focus-visible{outline:3px solid #b88723;outline-offset:3px}
.teaching-page .ptab:active,.teaching-pyq a:active{transform:translateY(1px)}
@media(max-width:1023px){.teaching-scene{width:300px;opacity:.32}.teaching-content{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.teaching-page .scheme .s{padding:12px 15px}.teaching-page #panel .mc-ucard{grid-template-columns:minmax(0,1fr);padding-right:15px}.teaching-page #panel .mc-ufoot{grid-column:1;grid-row:auto;flex-direction:row;min-width:0;justify-content:flex-end}.teaching-page>.mcx{margin-inline:24px}}
@media(max-width:767px){
 .teaching-page>.hero>.wrap{min-height:0;padding:12px 18px 22px}.teaching-page .hero .crumb{font-size:11px;margin-bottom:2px}.teaching-page .hero .eyebrow{font-size:10px;margin-bottom:8px}.teaching-page .hero h1{font-size:30px;letter-spacing:-1px;max-width:340px}.teaching-page .hero p{font-size:13px;line-height:1.65;max-width:500px}.teaching-scene{display:none}
 .teaching-page>.etabs{padding:15px 16px 0;gap:7px;display:grid;grid-template-columns:1fr 1fr}.teaching-page .etab{font-size:11px;padding:10px 12px;justify-content:space-between}.teaching-page .etab.on{grid-column:1/-1;justify-content:flex-start;font-size:12px;min-height:48px}.teaching-page .etab .sn{font-size:9px}
 .teaching-page>.teaching-main{padding:0 16px 20px}.teaching-page .scheme{display:grid;grid-template-columns:1fr 1fr;margin-top:13px}.teaching-page .scheme .s{padding:10px 11px;gap:5px}.teaching-page .scheme .s:nth-child(odd):before{display:none}.teaching-page .scheme .s b{font-size:12px}.teaching-page .scheme .s span{font-size:10px}.teaching-page .scheme .s:nth-child(3){grid-column:1/-1;grid-row:3;border-top:1px solid #e3eaf0;justify-content:center}
 .teaching-page .ptabs{margin:16px 0 14px;border-radius:12px;padding:3px 4px 0;gap:0}.teaching-page .ptab{font-size:11px;min-height:50px;padding:10px 12px;flex:0 0 auto}
 .teaching-content{display:flex;flex-direction:column;gap:15px}.teaching-content>section{width:100%;padding:0;border:0;background:none}.teaching-aside{width:100%;padding-top:0;gap:10px}.teaching-practice>.teaching-aside{order:-1}.teaching-practice .teaching-shortcuts{display:none}.teaching-pyq{padding:15px;position:relative}.teaching-free{font-size:10px;margin:0 0 5px}.teaching-pyq h2{font-size:13px;margin:0 0 4px}.teaching-pyq p{font-size:17px;margin:0 0 13px;max-width:250px}.teaching-pyq a{min-height:44px;font-size:11px}.teaching-page .pbar{margin:3px 0 12px;gap:8px;justify-content:space-between}.teaching-page .pbar h2{font-size:19px}.teaching-count{font-size:10px;padding:4px 7px}
 .teaching-page #panel .mc-ucard{grid-template-columns:minmax(0,1fr) auto;padding:13px 11px 13px 44px;gap:5px 8px;min-height:101px}.teaching-page #panel .mc-ucard:before{left:10px;top:17px;width:25px;height:31px;line-height:31px;font-size:12px}.teaching-page #panel .mc-uttl{font-size:12px;line-height:1.5}.teaching-page #panel .mc-chip{font-size:8px;padding:2px 5px}.teaching-page #panel .mc-umeta{font-size:9px;line-height:1.65}.teaching-page #panel .mc-ufoot{grid-column:2;grid-row:1/3;min-width:0;flex-direction:column}.teaching-page #panel .mc-ufoot>.start{font-size:10px;padding:8px}.teaching-page #panel .mc-attempt{grid-column:1/-1}.teaching-page #panel .mc-review{font-size:10px;padding:6px 8px}.teaching-page #panel .card:not(.mc-ucard){padding:15px}.teaching-page #panel .card h3{font-size:14px}
 .teaching-page .sylsec .wt{padding:3px 6px;font-size:9px}.teaching-page .sylsec>summary{gap:7px}.teaching-page .sylsec .nm{font-size:12px}.teaching-page>.mcx{margin:0 16px 15px;padding-top:12px}.teaching-page>.mcx>summary{font-size:10px;gap:7px}
}
@media(prefers-reduced-transparency:reduce){.teaching-page .ptabs,.teaching-content>section,.teaching-page .scheme{background:#f7fafc;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:767px){
 .teaching-page>.hero>.wrap{padding-top:10px;padding-bottom:19px}
 .teaching-page .hero h1{font-size:28px;margin-bottom:0}
 .teaching-page .hero .eyebrow,.teaching-page .hero p{display:none}
 .teaching-page .ptab{font-size:12px}
 .teaching-page #panel .mc-umeta{font-size:11px}
 .teaching-page #panel .mc-uttl{font-size:13px}
 .teaching-page #panel .mc-ufoot>.start{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.teaching-page #panel .card{transition:none}.teaching-page .ptab:active,.teaching-pyq a:active{transform:none}}
[data-theme=dark] .teaching-page{background:#132329;color:#e2ecef}
[data-theme=dark] .teaching-page>.hero{background:linear-gradient(120deg,#182e32,#173638);color:#e2ecef}
[data-theme=dark] .teaching-page .hero h1{color:#edf4f2}
[data-theme=dark] .teaching-page .hero :is(p,.crumb,.crumb a){color:#bdd0d4}
[data-theme=dark] .teaching-page .hero :is(.crumb b,.eyebrow){color:#e3c97d}
[data-theme=dark] .teaching-page .etab,[data-theme=dark] .teaching-page .scheme,[data-theme=dark] .teaching-page .ptabs,[data-theme=dark] .teaching-content>section{background:#1b3239;border-color:#36505a;color:#c4d5d9}
[data-theme=dark] .teaching-page .etab.on{background:#28554d;color:#f3f8f5}
[data-theme=dark] .teaching-page .etab .sn,[data-theme=dark] .teaching-count{background:#344b52;color:#d6e1e5;border-color:#45616a}
[data-theme=dark] .teaching-page .scheme .s :is(b,span),[data-theme=dark] .teaching-page .ptab,[data-theme=dark] .teaching-page .pbar h2{color:#d9e7e8}
[data-theme=dark] .teaching-page .scheme .s+.s:before{background:#45616a}
[data-theme=dark] .teaching-page .ptabs{box-shadow:inset 0 1px 0 #ffffff13,0 5px 10px #0b1e2411}
[data-theme=dark] .teaching-page .ptab.on{color:#e4f5ed;border-bottom-color:#9fcbb7}
[data-theme=dark] .teaching-page #panel .card,[data-theme=dark] .teaching-shortcuts,[data-theme=dark] .teaching-page .sylbody{background:#1e363e;border-color:#37515b;color:#deeaed}
[data-theme=dark] .teaching-page #panel .card :is(h3,.mc-uttl,.go),[data-theme=dark] .teaching-shortcuts button{color:#dbeae9}
[data-theme=dark] .teaching-page #panel .card :is(p,.mc-umeta){color:#b3c7d0}
[data-theme=dark] .teaching-page #panel .mc-ucard:before,[data-theme=dark] .teaching-page #panel .mc-chip.na{background:#304c55;color:#c4d8dc;border-color:#48616b}
[data-theme=dark] .teaching-page #panel .mc-ufoot>.start,[data-theme=dark] .teaching-pyq a{background:#a8d2bd;color:#173d34!important}
[data-theme=dark] .teaching-pyq{background:#303d35;border-color:#566653;box-shadow:inset 0 0 0 1px #ffffff10}
[data-theme=dark] .teaching-pyq :is(h2,p){color:#e1efdf}
[data-theme=dark] .teaching-free{color:#dac98e}
[data-theme=dark] .teaching-page .sylbody .sh,[data-theme=dark] .teaching-page .sylfoot{background:#223e45;border-color:#37515b}
[data-theme=dark] .teaching-page .sylbody .sh :is(h2,span),[data-theme=dark] .teaching-page .sylsec :is(.nm,.bd,.bd b,.bd .go),[data-theme=dark] .teaching-page .sylfoot{color:#c5d8dc}
[data-theme=dark] .teaching-page .sylsec{border-color:#37515b}
[data-theme=dark] .teaching-page .sylsec>summary:hover{background:#29444b}
[data-theme=dark] .teaching-page>.mcx,[data-theme=dark] .teaching-shortcuts button+button{border-color:#37515b}
[data-theme=dark] .teaching-page>.mcx :is(summary,a){color:#bcd0d9}
@media(max-width:767px){[data-theme=dark] .teaching-content>section{background:none}[data-theme=dark] .teaching-page .scheme .s:nth-child(3){border-color:#37515b}}