:root{--navy:#102642;--deep:#08192f;--orange:#f39842;--gold:#e7b86e;--ink:#21344d;--muted:#8591a0;--line:#e6eaf0;--paper:#f5f6f9;--blue:#2e62ae}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,color .18s,box-shadow .18s}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #efad52;outline-offset:4px}button{border:0}button svg,a svg{flex-shrink:0}button{background:none;color:inherit}small{font-size:12px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:var(--deep);color:#b5c2d4;padding:33px 22px 0;display:flex;flex-direction:column;z-index:20;border-right:1px solid #21324c}.brand{display:flex;gap:12px;align-items:center;color:#fff}.logoBox{height:48px;width:48px;flex-shrink:0;background:#fff;border-radius:13px;padding:5px;box-shadow:0 4px 20px #0002}.logoBox img{width:100%;height:100%;object-fit:contain}.brand b{display:flex;align-items:center;gap:8px;color:#f2a456;font-size:19px;letter-spacing:-1px;font-weight:900}.brand b span{font-size:14px;letter-spacing:1px;color:#fff}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:6px;color:#8595aa}.workspace{display:flex;gap:10px;align-items:center;padding:18px 13px;border:1px solid #23364d;background:#10233b;border-radius:12px;margin:35px 0 30px;font-size:13px;font-weight:600;color:#e2e9f3}.workspace div{flex:1}.workspace small{display:block;font-size:7px;font-weight:400;letter-spacing:.9px;color:#73869e;margin-top:5px}.statusDot,.ready i,.courseMeta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69baa5}.navLabel{font-size:10px;letter-spacing:1px;color:#657b96;padding:0 14px;margin:0 0 14px}nav{display:flex;flex-direction:column;gap:8px}nav button{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:10px;text-align:left;font-size:13px;min-height:48px;color:#91a2b9}nav button:hover{background:#152c47;color:#fff}nav button.active{background:#233e5f;color:#fff;box-shadow:inset 3px 0 #f5aa58}nav button.active svg{color:#f5ab58}nav button span{margin-left:auto;background:#38516e;border-radius:5px;padding:2px 7px;font-size:11px;color:#ccd5e2}.sideNote{margin-top:auto;padding:25px 17px 29px;border:1px solid #263750;border-radius:14px;background:linear-gradient(125deg,#142e4a,#0c1d34);margin-bottom:26px}.sideNote>svg{color:#efb779}.sideNote h4{color:#dce6f3;font-weight:600;font-size:13px;margin:13px 0 9px}.sideNote p{font-size:11px;color:#879bb5;line-height:1.9;margin:0 0 19px}.sideNote>span{font-size:7px;letter-spacing:1.25px;color:#677c97}.profile{border-top:1px solid #1f3048;display:flex;gap:10px;padding:23px 0;align-items:center}.avatar{display:flex;width:37px;height:37px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:#e9edf4;color:#466181;font-weight:700}.profile .avatar{background:#2b3c53;color:#dfbd8e}.profile b{display:block;color:#e4e9f2;font-size:12px}.profile small{display:block;color:#7186a1;font-size:10px;margin-top:4px}.profile>a{margin-left:auto;color:#7f92ad}.main{margin-left:254px;width:calc(100% - 254px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.topbar>div{display:flex;align-items:center;gap:15px}.topbar span{font-size:10px;letter-spacing:1.2px;color:#8d99a8}.topbar svg{color:#9ca8b6}.topbar b{font-size:12px;font-weight:500}.topbar .topright{gap:20px}.topright span{letter-spacing:0}.internal{display:flex;gap:6px;align-items:center;background:#f4f6f9;border-radius:5px;padding:6px 9px}.content{padding:32px 42px 30px;max-width:1650px;margin:auto}.hero{min-height:292px;background:#102846;border-radius:19px;position:relative;overflow:hidden;box-shadow:0 8px 22px #193b6312}.hero>img{position:absolute;width:60%;height:100%;object-fit:cover;right:0;top:0;opacity:.85;object-position:63% 53%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102846 0%,#102846 34%,#102846dc 43%,transparent 73%);pointer-events:none}.heroText{position:relative;z-index:2;padding:33px 35px}.eyebrow{font-size:9px;font-weight:600;color:#d5b27d;letter-spacing:2.1px}.hero h1{color:#fff;font-size:34px;line-height:1.45;letter-spacing:1px;font-weight:650;margin:12px 0 8px}.hero h1 span{color:#f3b367}.hero p{font-size:12px;color:#a4b7d0;margin:9px 0 20px}.heroPills{display:flex;gap:10px}.heroPills span{display:flex;gap:6px;align-items:center;font-size:10px;color:#c9d5e4;background:#ffffff0e;border:1px solid #ffffff15;padding:7px 10px;border-radius:5px}.heroPills svg{color:#dcac78}.heroBadge{position:absolute;right:20px;bottom:17px;z-index:3;font-size:8px;letter-spacing:1px;background:#102846c9;color:#f2dfbb;padding:8px 13px;border-radius:20px;border:1px solid #e8cb8b3a}.heroBadge i{width:5px;height:5px;background:#efb46c;display:inline-block;border-radius:50%;margin-right:6px}.stats{display:flex;align-items:stretch;margin:23px 0 34px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 0;box-shadow:0 2px 6px #20395703}.stats>div{display:flex;gap:14px;align-items:center;padding:0 25px;border-right:1px solid var(--line);flex:1}.stats>div:last-child{border:0}.statIcon{width:43px;height:45px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.statIcon svg{width:21px}.statIcon.blue{background:#edf2fc;color:#4774ad}.statIcon.orange{background:#fdf2e5;color:#d99445}.statIcon.green{background:#e9f5f0;color:#4c9b80}.stats small{color:#8a96a5;font-size:10px}.stats b{display:block;font-size:26px;line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-1px}.stats em{font-style:normal;font-size:11px;font-weight:400;color:#8591a0;margin-left:7px;letter-spacing:0}.stats .dateStat{font-size:15px;letter-spacing:0}.stats .statNote{flex:1.5;gap:10px}.statNote>svg{color:#b08b53;flex-shrink:0}.stats .statNote b{font-size:11px;letter-spacing:0;font-weight:500;margin:0 0 6px}.stats .statNote small{font-size:9px}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px;gap:15px}.light{color:#97a2b0;font-size:8px;letter-spacing:1.8px}.sectionHead h2{font-size:20px;font-weight:650;margin:8px 0 0}.sectionHead h2 span{font-size:11px;font-weight:500;background:#e8ecf2;color:#7f8d9e;border-radius:5px;padding:3px 7px;vertical-align:middle;margin-left:8px}.tools{display:flex;align-items:center;gap:12px}.search{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:#93a0b0}.search input{border:0;outline:none;width:148px;font-size:11px;background:transparent;color:var(--ink)}input::placeholder{color:#a1a9b5}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600;padding:12px 17px;min-height:41px;border-radius:8px}.primary{background:#142e4c;color:#fff;box-shadow:0 3px 8px #19314b10}.primary:hover{background:#284868}.secondary{border:1px solid #dae0e9;background:#fff;color:#52647a}.secondary:hover{background:#eef2f7}.danger{background:#fff1ee;color:#bc594d}.courseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.courseCard{border:1px solid #e2e6ed;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px #1d365003}.courseArt{height:178px;position:relative;overflow:hidden;background:#1c3a5e}.courseArt>img{width:100%;height:100%;object-fit:cover;object-position:70% 52%}.courseArt:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,#001d3d10 30%,#001d3d88)}.courseLabel{position:absolute;left:16px;top:15px;z-index:1;background:#0b2745b8;color:#fff6e8;border-radius:4px;padding:5px 7px;font-size:7px;letter-spacing:1px}.version{position:absolute;right:13px;top:13px;z-index:1;background:#fff8edec;color:#695840;padding:4px 7px;border-radius:4px;font-size:9px}.lessonNo{position:absolute;right:15px;bottom:7px;z-index:1;color:#fff8;font-size:39px;font-weight:300;letter-spacing:-2px}.courseBody{padding:17px 19px 0}.courseMeta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b98a8}.courseMeta>span:last-child{display:flex;align-items:center;gap:4px}.ready,.paused{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;background:#edf5f0;color:#5e917c;font-size:10px}.paused{background:#f6eeea;color:#ae7d61}.courseBody h3{font-size:18px;margin:13px 0 7px;font-weight:650;letter-spacing:-.3px}.courseBody>p{font-size:10px;color:#8a97a6;margin:0 0 17px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{background:#f5f6f8;color:#8693a3;border-radius:4px;padding:4px 6px;font-size:9px}.courseBottom{border-top:1px solid #edf0f4;margin-top:18px;padding:14px 0;display:flex;align-items:center;justify-content:space-between}.courseBottom small{font-size:9px;color:#9ba5b3}.enter{display:flex;align-items:center;gap:7px;color:#294866;font-size:11px;font-weight:650}.enter:hover{color:#d28a33}.courseAdmin{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e5e9ef;padding:10px 0}.courseAdmin button{display:flex;align-items:center;gap:5px;color:#8b99a8;font-size:10px;padding:4px 0}.courseAdmin button:hover{color:#1e426b}.addCourse{min-height:368px;border:1px dashed #cbd4e1;background:#f1f3f7;border-radius:14px;text-align:center;padding:25px}.addCourse>span{height:64px;width:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e5eaf2;color:#a0afc3}.addCourse h3{font-weight:500;font-size:13px;margin:22px 0 12px;color:#6f8199}.addCourse p{line-height:1.9;font-size:11px;color:#9aa7b7}.addCourse b{margin-top:17px;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#8d9db2;font-weight:500}.addCourse:hover{border-color:#b39972;background:#f6f3ef}.bottomNote{display:flex;align-items:center;color:#9da7b4;gap:9px;font-size:10px;border-top:1px solid #e3e8ef;margin-top:35px;padding-top:21px}.bottomNote svg{color:#a4b0c0}.bottomNote small{margin-left:auto;font-size:9px}.pageTitle{padding:19px 0 34px}.pageTitle h1{font-size:30px;font-weight:600;margin:15px 0 10px;letter-spacing:-.8px}.pageTitle p{font-size:13px;color:#8995a5;line-height:1.8}.infoStrip{background:#eaf0f7;border:1px solid #dee6f0;border-radius:9px;padding:15px 17px;display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:11px;color:#647c99;line-height:1.8}.infoStrip svg{flex-shrink:0}.tableWrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#8997a9;background:#fafbfd;padding:16px 20px;border-bottom:1px solid var(--line)}td{padding:19px 20px;border-bottom:1px solid #f0f2f6;font-size:11px;color:#738499}tr:last-child td{border-bottom:0}.person{display:flex;gap:11px;align-items:center}.person b{display:block;color:#3a4d67;font-size:12px}.person small{font-size:10px;color:#98a4b5;margin-top:5px;display:block}.rowActions{display:flex;gap:15px}.rowActions button{display:flex;align-items:center;gap:4px;color:#526f94;font-size:11px}.empty,.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:310px;background:#ffffffa8;border:1px solid var(--line);border-radius:14px;padding:35px 25px;color:#94a4b7}.empty h2,.loading h2{font-size:18px;color:#4d637c;margin:18px 0 6px;font-weight:500}.empty p{color:#97a4b4;font-size:12px;line-height:1.9;margin:4px 0}.empty .primary{margin-top:20px}.loading{margin:42px}.liveGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.liveCard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.liveCard h3{font-size:18px;margin-top:20px}.liveCard p{color:#8293a7;font-size:12px}.liveCard small{display:block;color:#99a5b4;margin:15px 0 25px}.liveCard .danger{width:100%}.timeline{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 24px}.timeline article{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #edf0f5}.timeline article:last-child{border:0}.timelineIcon{height:36px;width:36px;border-radius:11px;background:#eff3f8;color:#7992b1;display:flex;align-items:center;justify-content:center}.timeline b{font-size:12px;font-weight:500}.timeline p{font-size:11px;color:#8391a3;margin:5px 0}.timeline small{font-size:10px;color:#b0b8c4}.timeline time{margin-left:auto;font-size:10px;color:#a1acbb}.guideGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide{background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px}.guideTop{display:flex;align-items:center;justify-content:space-between;color:#a8b6c7}.guideTop>span{font-size:30px;color:#d5deea;font-weight:500}.guide h3{font-size:17px;font-weight:500;margin:20px 0 12px}.guide p{color:#8a98aa;font-size:12px;line-height:1.9}.noticePanel{margin-top:28px;border:1px solid #e9e2d6;background:#fcf9f4;border-radius:12px;padding:24px;display:flex;gap:16px}.noticePanel>svg{flex-shrink:0;color:#c6aa7a}.noticePanel h3{margin:0 0 9px;font-size:14px;font-weight:500}.noticePanel p{font-size:11px;line-height:1.9;color:#a0917c;margin:7px 0}.toast{position:fixed;left:calc(50% + 90px);transform:translate(-50%);bottom:27px;z-index:70;max-width:min(620px,90vw);display:flex;align-items:center;gap:17px;border:1px solid #3d516c;background:#162e49;color:#e9eff7;padding:17px 20px;border-radius:10px;box-shadow:0 12px 35px #0002;font-size:12px;line-height:1.8}.toast button{color:#9caec5;display:flex}.modalShade{position:fixed;inset:0;background:#0512248f;backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:510px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:0 25px 90px #0003;padding:27px 30px}.modal header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:24px}.modal header h2{font-size:22px;margin:8px 0 0;font-weight:600}.modal header button{color:#98a4b5}.modal form>label{display:block;font-size:12px;font-weight:500;margin-bottom:18px}.modal form label small{font-size:10px;color:#a8b1bc;font-weight:400}.modal input:not([type=checkbox]){display:block;width:100%;padding:12px 13px;border:1px solid #dfe5ed;border-radius:7px;margin-top:8px;outline:none;font-size:12px;background:#fcfdff;color:#344c68}.modal input:focus{border-color:#94aec9;box-shadow:0 0 0 3px #b9cde729}.modal input:disabled{background:#f3f5f8;color:#9eabbc}.modal fieldset{border:1px solid var(--line);border-radius:8px;margin:5px 0 20px;padding:12px}.modal legend{font-size:12px;padding:0 5px;color:#687d95}.checkRow{display:flex!important;align-items:center;gap:9px;font-size:12px;padding:8px 0;font-weight:400!important;margin:0!important}.checkRow input{accent-color:#264c75;width:16px;height:16px}.checkRow small{margin-left:auto}.modal form footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.formNote{font-size:10px;color:#9ca8b6;line-height:1.9}.muted{font-size:11px;color:#a4afbd}.fileDrop{border:1px dashed #b9c8d9;border-radius:9px;text-align:center;background:#f5f8fc;padding:23px 15px;color:#7892b0}.fileDrop>svg{margin:auto}.fileDrop b{display:block;margin:10px 0;font-size:13px;color:#536f8e}.fileDrop span{display:block;font-size:10px;color:#a1b0c2}.fileDrop input{font-size:10px!important;background:#fff!important}.welcome{margin:40px;background:#102846;border-radius:22px;position:relative;overflow:hidden;min-height:570px;color:#fff}.welcome>img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:65% center}.welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102846 25%,#102846df 40%,transparent 80%)}.welcomeCopy{padding:70px 45px;position:relative;z-index:1}.welcome h1{font-size:47px;line-height:1.4;margin:25px 0}.welcome em{font-style:normal;color:#edb36a}.welcome p{line-height:2;color:#b0c1d7;margin-bottom:35px}.welcome .primary{background:#f0ad5d;color:#172a40}.welcome small{display:block;font-size:10px;color:#8ca4c0;margin-top:20px}.player{height:100dvh;background:#08192f;display:flex;flex-direction:column;color:#fff}.playerbar{height:49px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#08192f;border-bottom:1px solid #ffffff10;gap:10px}.playerbar>b{font-size:17px;color:#f3ad60;letter-spacing:-.7px}.playerbar b span{font-size:11px;color:#d5deed;font-weight:400;letter-spacing:1px;margin-left:7px}.playerbar b i{display:inline-block;width:5px;height:5px;background:#6bc49f;border-radius:50%;vertical-align:middle;margin-right:5px}.playerbar>small{color:#6f89a7;font-size:10px}.playerbar>div{display:flex;gap:10px}.playerbar button{font-size:10px;padding:7px 11px;border:1px solid #3a4d66;border-radius:5px;color:#b9cadd}.player iframe{width:100%;flex:1;border:0;min-height:0;background:#102846}.watermark{position:fixed;right:18px;bottom:12px;pointer-events:none;font-size:10px;color:#fff9;text-shadow:0 1px 3px #000;line-height:1.8;text-align:right;z-index:25}.blocked{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.blocked>div{font-size:65px;color:#eab573}.blocked h1{font-size:25px;margin:12px}.blocked p{font-size:13px;color:#8ca7c6;line-height:1.9}.blocked .primary{margin-top:20px;background:#edb66f;color:#172e48}.spinner{width:35px;height:35px;border:3px solid #b8c9dd44;border-top-color:#e1b57e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.hero{min-height:350px}.heroText{padding:42px}.hero h1{font-size:42px}.courseArt{height:225px}.courseBody{padding:22px 24px 0}.courseBody h3{font-size:21px}}@media(max-width:1200px){.sidebar{width:220px;padding-left:17px;padding-right:17px}.main{margin-left:220px;width:calc(100% - 220px)}.content{padding:28px}.topbar{padding:0 28px}.courseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:0 16px;gap:10px}.statIcon{width:35px;height:39px}.stats .statNote{display:none}.hero h1{font-size:30px}.heroText{padding:32px}.hero>img{width:66%}.liveGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{width:78px;padding:25px 11px 0}.brand{justify-content:center}.brand>div:last-child,.workspace,.navLabel,.sideNote,.profile>div:not(.avatar),.profile>a,nav button span{display:none}.logoBox{width:44px;height:44px}.sidebar nav{margin-top:36px}.sidebar nav button{font-size:0;justify-content:center;padding:15px 0}.sidebar nav svg{width:21px}.profile{justify-content:center;margin-top:auto;padding:22px 0}.main{margin-left:78px;width:calc(100% - 78px)}.topbar{padding:0 24px;height:65px}.topbar>div{gap:10px}.topbar .topright>span:last-child{display:none}.content{padding:24px}.hero{min-height:270px}.heroText{padding:28px}.hero h1{font-size:27px}.hero p{font-size:10px;max-width:220px;line-height:1.8}.heroPills{gap:5px}.heroPills span{font-size:8px;padding:5px 6px}.heroBadge{font-size:6px}.hero>img{width:75%;object-position:65% center}.stats{margin-bottom:28px}.stats>div{padding:0 10px;gap:7px}.statIcon{width:30px;height:35px}.statIcon svg{width:17px}.stats b{font-size:22px}.stats small{font-size:9px}.sectionHead{align-items:flex-start;flex-wrap:wrap}.tools{width:100%;justify-content:space-between}.search{flex:1}.search input{width:100%}.courseGrid{gap:14px}.courseArt{height:155px}.courseBody{padding:14px 13px 0}.courseBody h3{font-size:15px}.courseBody>p{line-height:1.7;font-size:9px}.addCourse{min-height:340px}.pageTitle h1{font-size:25px}.liveGrid{grid-template-columns:1fr}.guideGrid{gap:14px}.guide{padding:20px}.toast{left:50%}.welcome{margin:24px;min-height:550px}.welcomeCopy{padding:50px 25px}.welcome h1{font-size:38px}}@media(max-width:540px){.topbar{padding:0 16px}.topbar>div>span{font-size:7px;letter-spacing:.6px}.content{padding:17px}.hero{min-height:300px}.heroText{padding:25px 20px}.hero h1{font-size:27px}.hero:after{background:linear-gradient(90deg,#102846,#102846e8 45%,#10284644)}.hero>img{width:100%}.heroPills{flex-wrap:wrap;max-width:170px}.heroBadge{right:10px;bottom:10px;padding:6px}.stats{flex-wrap:wrap;gap:20px;padding:17px}.stats>div{flex:1;min-width:40%;padding:0;border:0}.courseGrid,.guideGrid{grid-template-columns:1fr}.courseArt{height:190px}.courseBody{padding:18px 18px 0}.courseBody h3{font-size:19px}.courseBody>p{font-size:11px}.courseMeta,.tags span,.courseBottom small,.courseAdmin button{font-size:10px}.addCourse{min-height:250px}.bottomNote{flex-wrap:wrap;line-height:1.9}.bottomNote small{width:100%;margin-left:26px}.pageTitle h1{font-size:23px;line-height:1.5}.pageTitle p{font-size:11px}.topbar b{font-size:10px}.internal{font-size:8px!important}.modal{padding:22px 20px}.timeline{padding:0 15px}.timeline time{font-size:8px}.timeline p{max-width:150px;overflow-wrap:anywhere}.timeline small{font-size:8px}.welcome{margin:17px}.welcome>img{width:100%}.welcome:after{background:#102846bb}.playerbar>small{display:none}.playerbar{padding:0 10px}.playerbar button{padding:6px 7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.extraNav{display:flex;align-items:center;gap:10px;font-size:11px;color:#93a5bd;padding:12px 15px}.sidebar .sideNote{margin-top:20px}.modal select{width:100%;display:block;padding:12px;margin-top:8px;border:1px solid #dfe5ed;border-radius:7px;background:#fff}.fullLoading{min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#73879f}.loginPage{min-height:100vh;display:grid;grid-template-columns:56% 44%;background:#fff}.loginArtwork{position:relative;overflow:hidden;background:#102846;min-height:100vh}.loginArtwork>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.loginArtwork:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09213cef,transparent 80%)}.loginArtwork>div{position:absolute;z-index:1;bottom:8%;left:9%;color:#fff}.loginArtwork span{font-size:11px;letter-spacing:2.5px;color:#e5b876}.loginArtwork h1{font-size:43px;line-height:1.5;font-weight:600;margin:20px 0}.loginArtwork p{font-size:13px;color:#b9cee4}.loginPanel{padding:70px 15%;align-self:center}.loginBrand{display:flex;align-items:center;gap:15px;margin-bottom:60px}.loginBrand img{width:58px;height:58px;object-fit:contain}.loginBrand b{font-size:25px;color:#ec9236;font-weight:900;letter-spacing:-1px}.loginBrand span{font-size:16px;display:block;color:#1c3756;letter-spacing:2px;margin-top:5px}.loginPanel h2{font-size:33px;font-weight:600;margin:17px 0 10px}.loginPanel>p{color:#93a2b2;font-size:12px;margin-bottom:30px}.loginPanel label,.standaloneForm label{display:block;font-size:12px;margin:20px 0;color:#516d8d}.loginPanel input,.standaloneForm input,.standaloneForm select{display:block;width:100%;padding:14px 13px;border:1px solid #dce3ed;border-radius:8px;margin-top:9px;background:#fbfcfe;color:#274769}.loginPanel form .primary{width:100%;margin-top:15px;min-height:48px}.formError{color:#bd6856;background:#fdf0e9;border-radius:7px;padding:12px;font-size:12px}.loginHint{display:flex;gap:8px;align-items:center;color:#8d9eaf;line-height:1.8;font-size:10px;margin-top:27px}.loginPanel>small{color:#b0bac7;font-size:10px;display:block;margin-top:60px}.simplePage{max-width:1050px;margin:auto;padding:25px}.simplePage header{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #dce4ef;font-size:12px}.simplePage main{padding-top:35px}.simplePage h1{font-size:28px;font-weight:600}.simplePage p{font-size:13px;color:#8595a8;line-height:1.9}.standaloneForm{max-width:520px;background:#fff;border:1px solid #dfe5ed;border-radius:15px;padding:25px}.practicePage{min-height:100dvh;background:radial-gradient(ellipse at top,#e3edff,#f5f2e9 75%);padding-bottom:20px}.practicePage>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 5%;background:#112d4b;color:#e3ebf5}.practicePage header b{font-size:22px;color:#f4aa59;font-weight:900;letter-spacing:-.8px}.practicePage header b span{font-size:12px;color:#fff;margin-left:8px;letter-spacing:1px;font-weight:500}.practicePage header a,.practicePage header small{font-size:11px;color:#a1b6d1}.practiceCard{max-width:660px;margin:25px auto;background:#fffcf6;border:1px solid #e9dfcd;border-radius:23px;padding:30px;text-align:center;box-shadow:0 14px 50px #1a3a5a10}.practiceCard>h1{font-size:32px;color:#233f61;line-height:1.5;margin:15px 0}.practiceCard>h2{font-size:23px;color:#2d4e75;line-height:1.6}.practiceCard>p{font-size:14px;line-height:1.9;color:#8a9baf}.startPractice>img{width:190px;height:190px;object-fit:cover;object-position:50% 25%;border-radius:50%;margin:8px auto 25px;box-shadow:0 10px 30px #20374b24;display:block}.practiceCard .primary{min-height:49px;font-size:15px;padding:13px 25px;margin:15px auto 0;background:#163957;color:#fff;display:flex;width:100%;max-width:380px}.textButton{display:block;margin:18px auto;font-size:13px;color:#849bb5;background:none;border:0;text-align:center}.checkedBadge{display:inline-flex;align-items:center;gap:8px;color:#609b79;background:#e9f4e9;padding:10px 13px;border-radius:10px;font-size:13px;margin:10px 0}.practiceArt{width:270px;height:270px;margin:14px auto;background-size:400% 300%;border-radius:17px;box-shadow:0 7px 20px #2038550a;max-width:100%}.practiceStep{font-size:12px;color:#91a2b6;letter-spacing:1px}.bigWord{font-size:46px!important;line-height:1.2!important;margin:13px 0 5px!important}.wordMeaning{margin:8px!important;font-size:13px!important}.sentenceSteps{padding:18px;background:#eef3fa;border-radius:12px;margin:20px 0}.sentenceSteps span{display:block;color:#64a18c;font-size:22px;margin-bottom:10px}.sentenceSteps b{font-size:27px;color:#244b7a;line-height:1.5;display:block}.practiceAudio{display:flex;gap:12px;justify-content:center}.practiceAudio button{display:flex;align-items:center;gap:8px;border:1px solid #dbe4ee;background:#fff;border-radius:8px;padding:13px;color:#537695;font-size:13px}.practiceHint{font-size:12px!important;color:#a3adba!important}.practiceProgress{height:6px;background:#e6eaf2;margin:15px 0 25px;border-radius:6px;overflow:hidden}.practiceProgress i{display:block;height:100%;background:#efb36d;border-radius:6px}.listenOrb{display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;background:#e6f0fa;color:#3c6e9b;border:1px solid #cedfed;border-radius:50%;width:125px;height:125px;margin:28px auto;font-size:12px}.practiceOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:24px}.practiceOptions button{background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:18px 12px;min-height:65px;font-size:20px;color:#345777;line-height:1.5}.practiceOptions button:hover{background:#eef5fd;border-color:#95b5d6}.practiceFeedback{padding:19px 10px;min-height:70px;color:#a18c70;font-size:13px;line-height:1.9}.practiceFeedback.good{color:#538d72}.practicePage>footer{text-align:center;color:#a3b0bf;font-size:10px;margin:30px 0 5px;letter-spacing:1px}.donePractice{padding-top:50px;padding-bottom:50px}.medal{font-size:90px;margin-bottom:22px}.loginPanel input:focus,.standaloneForm input:focus{outline:2px solid #e8b97d;outline-offset:1px}@media(max-width:820px){.loginArtwork{display:none}.loginPage{display:block;background:linear-gradient(#f0f5fc,#fffcf7)}.loginPanel{max-width:470px;margin:auto;padding:50px 30px;min-height:100vh}.loginBrand{margin-bottom:45px}.extraNav{font-size:0;justify-content:center;padding:12px}.practiceCard{margin:18px 15px;padding:25px 20px}.practiceArt{width:240px;height:240px}.sentenceSteps b{font-size:24px}.practiceOptions button{font-size:17px;padding:15px 10px}.practicePage>header{padding:16px}.practicePage header b{font-size:20px}.practicePage header small{max-width:75px;overflow:hidden;white-space:nowrap}.practiceCard>h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.courseAdmin{flex-wrap:wrap}.shell{display:block!important;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#20334e,#0c1424 38%,#070d18 90%);color:#e7edf6}.sidebar{position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 32px!important;background:#080f1dd9!important;border-right:0!important;border-bottom:1px solid #abc9ef16}.sidebar .brand{width:205px;margin:0!important;padding:0!important;gap:12px}.sidebar .logoBox{width:48px;height:48px}.sidebar .brand b{font-size:24px;color:#f5ba65}.sidebar .brand b span{font-size:10px;color:#b9c8dc}.sidebar .brand small{font-size:8px;letter-spacing:2px}.workspace,.navLabel,.sideNote{display:none!important}.sidebar nav{display:flex!important;flex:1;gap:5px;flex-wrap:wrap;margin:0!important}.sidebar nav button{font-size:12px;padding:10px 12px;color:#8da3bf;background:transparent;border-radius:8px}.sidebar nav button.active{background:#d7b27c;color:#152239;box-shadow:0 4px 16px #d3a56022}.sidebar nav button svg{width:15px}.sidebar nav button span{background:#ffffff19;color:inherit}.sidebar .extraNav{display:inline-flex;font-size:10px;gap:5px;padding:8px!important;margin:0!important;color:#7790ae}.sidebar .extraNav svg{width:12px}.sidebar .profile{margin:0 0 0 auto!important;padding:0!important;border:0!important;background:transparent}.sidebar .profile .avatar{width:30px;height:30px;font-size:12px}.sidebar .profile b{font-size:11px}.sidebar .profile small{font-size:8px}.main{margin-left:0!important;width:100%!important;min-width:0}.main>.topbar{max-width:1510px;margin:auto;background:transparent;border:0;height:57px;padding:0 32px}.topbar>div:first-child{color:#7189a8;font-size:10px;letter-spacing:1px}.topbar>div:first-child b{color:#a9bfd9;font-weight:500}.topbar .internal{background:#17253b;color:#8ca4c3}.topright{color:#6f87a8}.cinemaSound{border:1px solid #a5bfdc33;border-radius:8px;background:#17263b;color:#dbbd90;padding:8px 13px;font-size:11px;cursor:pointer}.content{max-width:1510px;padding:0 32px 32px;margin:auto}.hero{height:480px!important;min-height:0!important;padding:0!important;border-radius:22px!important;position:relative;isolation:isolate;overflow:hidden;background:#0d182a url(/brand/hero.png) right 40%/cover no-repeat!important;box-shadow:0 30px 65px #0006,0 0 50px #52729a16;border:1px solid #c8dbef30}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071222,#081426ef 22%,#0c1729a6 47%,#0d192611 75%),linear-gradient(0deg,#091323de,transparent 55%)}.hero:after{content:"";position:absolute;inset:-60% -35%;width:35%;background:linear-gradient(90deg,transparent,#bbdbff10,transparent);transform:rotate(20deg);animation:cinemaLight 14s ease-in-out infinite;pointer-events:none;z-index:0}.heroArtwork{display:none!important}.heroText{position:relative;z-index:1;padding:65px 5%!important;width:80%!important;max-width:850px}.hero .eyebrow{color:#e1b579;font-size:10px;letter-spacing:4px}.hero h1{color:#f3f5f9!important;font-size:64px!important;line-height:1.13!important;letter-spacing:-2px;margin:25px 0 18px!important}.hero h1 span{color:#efbd77!important;display:inline!important}.hero h1 em{font-style:normal;font-size:25px;letter-spacing:2px;font-weight:600;color:#e6edf7}.hero p{color:#9bafc8!important;font-size:14px;line-height:1.9}.heroPills{display:none!important}.heroActions{display:flex;align-items:center;gap:23px;margin-top:25px}.heroActions .primary{background:linear-gradient(140deg,#f1d5a4,#d79d51)!important;color:#12233b!important;border:1px solid #ffe2ad;box-shadow:0 5px #7e5b30,0 10px 25px #bd8a3922;padding:14px 24px;font-size:14px;border-radius:10px}.heroActions>span{font-size:9px;letter-spacing:2px;color:#7890ad}.stats{display:flex!important;gap:0!important;background:#111f34a6;border:1px solid #92b2da1c;margin:0 14px 38px!important;padding:12px 18px!important;box-shadow:none;border-radius:0 0 12px 12px}.stats>div{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 20px!important;min-width:0;gap:9px}.stats .statIcon{width:27px;height:27px;background:#24365255;color:#a6bcda}.stats .statIcon svg{width:15px}.stats small{color:#7289a9;font-size:9px}.stats b{font-size:19px;color:#d7e3f3}.stats b em{color:#657d9c;font-size:9px}.stats .statNote{margin-left:auto}.stats .statNote b{font-size:11px;font-weight:500}.stats .statNote small{font-size:8px}.sectionHead{margin:0 0 25px!important;align-items:center}.eyebrow.light{color:#bd955d;font-size:9px;letter-spacing:3px}.sectionHead h2{color:#edf2fa;font-size:27px;margin-top:8px;font-weight:600;letter-spacing:1px}.sectionHead h2 span{background:#1a2b43;color:#839dbb;font-size:12px}.tools .search{background:#111f33;border:1px solid #9bb4d12b;border-radius:8px;color:#b59b76}.search input{background:transparent;color:#d1deef;font-size:12px}.search input::placeholder{color:#647f9f}.tools>.primary{background:#d4ae77;color:#102137;font-size:12px}.courseGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px!important;perspective:1600px;padding:8px 5px 30px}.courseCard{min-height:570px;position:relative;isolation:isolate;overflow:visible!important;border:1px solid #9db9d455!important;border-radius:13px!important;background:#0b1729!important;box-shadow:2px 4px #33475d,4px 7px #182637,8px 13px #050c17,10px 25px 25px #000a!important;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transition:transform .35s,box-shadow .35s,border-color .35s;transform-style:preserve-3d;animation:posterArrival .65s both}.courseCard:nth-child(2){animation-delay:.13s}.courseCard:nth-child(3){animation-delay:.26s}.courseCard:hover,.courseCard:focus-within{transform:perspective(1200px) translateY(-12px) translateZ(22px) rotateY(0) rotateX(0);border-color:#edc787!important;box-shadow:2px 4px #7c6443,4px 7px #3b3124,8px 15px #060c16,10px 35px 35px #000b,0 0 32px #e7bc7024!important;z-index:4}.courseArt{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important;width:100%;border-radius:12px!important;overflow:hidden;z-index:-1}.courseArt:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#050c19 2%,#091526fc 24%,#0b1628c9 40%,transparent 76%),linear-gradient(115deg,#eaf7ff20,transparent 30%);z-index:1}.courseArt img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.88) brightness(.85);transition:transform .8s,filter .4s}.courseCard:hover .courseArt img{transform:scale(1.045);filter:saturate(1.05) brightness(1)}.courseArt .courseLabel{top:17px;left:15px;z-index:2;background:#081525b5;border:1px solid #e2ccaa35;color:#ddc29c;font-size:8px;letter-spacing:1px;padding:8px}.courseArt .version{top:17px;right:15px;z-index:2;background:#112138b8;color:#b5c7df;border:1px solid #c7deff2a;font-size:9px;padding:7px}.lessonNo{bottom:auto!important;top:61px!important;right:17px!important;font-size:26px!important;color:#fff9!important;font-weight:300}.cinemaPlay{position:absolute;z-index:3;top:31%;left:calc(50% - 29px);width:58px;height:58px;border:1px solid #e6efff88;border-radius:50%;display:grid;place-items:center;background:#0c1b32aa;backdrop-filter:blur(8px);color:#fff;font-size:29px;opacity:0;transform:translateY(10px);transition:all .3s}.courseCard:hover .cinemaPlay,.courseCard:focus-within .cinemaPlay{opacity:1;transform:none}.courseBody{position:absolute;bottom:0;width:100%;background:transparent!important;padding:22px!important;transform:translateZ(4px)}.courseMeta{margin:0 0 10px!important;font-size:10px;color:#92aac6}.courseMeta>span:last-child{color:#7890b0}.ready{background:#1c493a80!important;color:#a8d9bc!important}.paused{background:#553e2a!important;color:#e0b780!important}.courseBody h3{color:#f1f5fb!important;font-size:24px;line-height:1.5;letter-spacing:0;font-weight:600}.courseBody>p{color:#a2b3c9!important;font-size:12px;line-height:1.8;min-height:0}.tags{margin-top:15px}.tags span{background:#23344d88!important;color:#8fa9ca;font-size:9px}.courseBottom{border-color:#afc6e023!important;margin-top:20px;padding-top:16px}.courseBottom small{color:#5e799d;font-size:9px}.enter{color:#edc58b!important;font-size:13px}.enter:hover{color:#ffe7c2!important}.courseAdmin{border-top:1px solid #a6bad71b!important;margin-top:14px;padding-top:12px;gap:11px!important}.courseAdmin button,.courseAdmin label{font-size:10px!important;color:#8ea7c7!important;background:transparent!important;border:0!important;padding:2px 0!important}.courseAdmin button:last-child{color:#c97c7c!important}.courseAdmin button:hover,.courseAdmin label:hover{color:#f5ca8b!important}.addCourse{min-height:570px!important;background:linear-gradient(160deg,#13233a88,#0c142350)!important;border:1px dashed #7590b044!important;border-radius:13px;color:#728cab!important}.addCourse>span{background:#1c3049;color:#bca079}.addCourse h3{color:#8fa6c4;font-size:19px}.addCourse p{color:#597291;font-size:12px}.addCourse b{color:#b49b78;font-size:12px}.bottomNote{color:#506c8e;border-color:#8ea9c522;margin-top:10px}.bottomNote small{color:#6e819d}.pageTitle h1{color:#e5edf7}.pageTitle p{color:#8098b6}.tableWrap,.timeline,.liveCard,.guideGrid>article,.noticePanel,.infoStrip{background:#132139;border-color:#9bb5d12a;color:#bdcde1}.tableWrap th{background:#192b45;color:#93accb}.tableWrap td{border-color:#7898bf1c;color:#b6c9e2}.person b,.liveCard h3,.guideGrid h3,.noticePanel h3{color:#e2ecf8}.rowActions button,.secondary{background:#203550;color:#b6c8df;border:1px solid #718eaf33}.timeline article{border-color:#6d8aad26}.timeline b{color:#c8d9ee}.timeline p,.timeline time{color:#7891b2}.modal{background:#142339;color:#d8e3f2;border:1px solid #7893b244}.modal h2{color:#ebf1f8}.modal label,.modal legend{color:#a4bad5}.modal input,.modal select{background:#0e1b2e;border-color:#6986a333;color:#d8e4f5}.modal fieldset{border-color:#627d9c33}.modal .checkRow{background:transparent}.modal .fileDrop{background:#1c304a;border-color:#6f8dab55}.modal .formNote{color:#788fae}.toast{background:#213952;color:#d6e4f5;border:1px solid #a7bfdb44}.empty{background:#122038;color:#93acc8;border-color:#54708f33}.empty h2{color:#cedef2}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid #e6bc79;outline-offset:4px}.loginPage{background:#0b1525}.loginPanel{background:#101e32;color:#d8e4f3}.loginPanel h2{color:#eef4fc}.loginPanel p,.loginPanel label{color:#94accb}.loginPanel input{background:#0c1728;border-color:#728dad44;color:#dce7f6}.loginArtwork:after{background:linear-gradient(0deg,#071222f0,transparent 85%)}@keyframes cinemaLight{0%,20%{left:-60%;opacity:0}35%{opacity:1}65%,to{left:150%;opacity:0}}@keyframes posterArrival{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@media(min-width:1700px){.courseGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{height:510px!important}}@media(max-width:1100px){.sidebar{padding:15px 22px!important}.sidebar .brand{width:170px}.sidebar .profile{display:none!important}.sidebar nav button{font-size:11px;padding:8px}.courseGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px!important}.hero h1{font-size:58px!important}.heroText{padding:58px 5%!important;width:90%!important}.stats .statNote{display:none!important}.courseCard,.addCourse{min-height:575px!important}}@media(max-width:700px){.sidebar{padding:13px 16px!important;gap:8px}.sidebar .brand{width:100%;justify-content:center}.sidebar nav{justify-content:center}.sidebar nav button{font-size:10px;padding:8px 9px}.sidebar nav button svg{display:none}.sidebar .extraNav{font-size:9px!important;flex:1;justify-content:center}.content{padding:0 17px 22px}.main>.topbar{padding:0 18px;font-size:10px}.topbar>div:first-child>span,.topbar>div:first-child>svg{display:none}.topright>.internal,.topright>span:last-child{display:none}.hero{height:400px!important;background-position:63% center!important}.hero:before{background:linear-gradient(90deg,#071223f5,#091625d9 50%,#0b172868)}.heroText{width:100%!important;padding:45px 23px!important}.hero h1{font-size:46px!important;letter-spacing:-1px}.hero h1 em{font-size:18px;letter-spacing:1px}.hero .eyebrow{font-size:8px}.hero p{font-size:12px}.heroActions>span{display:none}.stats{padding:12px 4px!important;margin:0 7px 31px!important;justify-content:space-around}.stats>div{padding:0 7px!important}.stats .statIcon{display:none}.stats b{font-size:17px}.sectionHead{flex-wrap:wrap;gap:18px}.sectionHead h2{font-size:22px}.tools{width:100%;gap:8px}.tools .search{flex:1;min-width:0;width:auto}.tools .search input{width:100%;min-width:0}.tools>.primary{font-size:11px;padding:10px}.courseGrid{gap:27px 17px!important;padding:0 3px 20px}.courseCard,.addCourse{min-height:440px!important}.courseBody{padding:15px!important}.courseBody h3{font-size:19px}.courseBody>p{font-size:10px}.courseArt .courseLabel{font-size:6px;padding:5px;left:9px;top:9px;max-width:65%;white-space:normal}.courseArt .version{display:none}.lessonNo{font-size:20px!important;right:10px!important;top:37px!important}.courseMeta{font-size:8px}.courseMeta>span:last-child{display:none}.courseBottom{padding-top:12px;margin-top:14px}.courseBottom small{display:none}.courseAdmin{gap:9px!important}.courseAdmin button,.courseAdmin label{font-size:9px!important}.courseAdmin button svg{display:none}.tags{gap:3px;flex-wrap:wrap}.tags span{font-size:7px;padding:4px}.cinemaPlay{opacity:.8;width:35px;height:35px;font-size:20px;left:calc(50% - 17px);top:28%;transform:none}.addCourse h3{font-size:15px}.addCourse p{font-size:10px}.bottomNote,.bottomNote small{font-size:8px}}@media(max-width:420px){.courseGrid{grid-template-columns:1fr!important;gap:31px!important;padding:0 14px 20px}.courseCard,.addCourse{min-height:560px!important}.courseBody{padding:22px!important}.courseBody h3{font-size:24px}.courseBody>p{font-size:12px}.courseArt .courseLabel{font-size:8px;padding:8px;left:14px;top:14px}.courseBottom small{display:block}.courseMeta>span:last-child{display:inline}.courseAdmin button,.courseAdmin label{font-size:10px!important}.tags span{font-size:9px}.lessonNo{font-size:25px!important;top:55px!important}.cinemaPlay{top:32%}.addCourse{min-height:250px!important}}@media(prefers-reduced-motion:reduce){.hero:after{animation:none;display:none}.courseCard{animation:none;transition:none}.courseArt img{transition:none}.courseCard:hover,.courseCard:focus-within{transform:none}}.sidebar nav{flex-direction:row!important;grid-template-columns:none!important}.sidebar nav button{width:auto!important;flex:0 0 auto!important}.hero>img{display:none!important}.heroBadge{z-index:1;background:#08182dbb!important;color:#b4c9e3!important;border:1px solid #94b4dd33;font-size:9px!important;letter-spacing:1px}.courseCard{animation-fill-mode:backwards}

/* Center portrait artwork in the existing edge-to-edge course cards. */
.courseArt > img:is([src^="/api/platform/cover/monster-phonics2?"],[src^="/api/platform/cover/monster-phonics4?"]) {
  object-position: 50% 62%;
}

/* Phonics Monster 2: align the portrait art flush to the top and both sides. */
.courseArt > img[src^="/api/platform/cover/monster-phonics2?"],
.courseCard:hover .courseArt > img[src^="/api/platform/cover/monster-phonics2?"] {
  display: block;
  height: auto !important;
  object-fit: contain !important;
  object-position: center top;
  transform: none;
  filter: none;
}
.courseArt:has(> img[src^="/api/platform/cover/monster-phonics2?"])::after {
  background: linear-gradient(0deg, #050c19 0%, #0b1729 24%, transparent 35%);
}


/* Per-course poster downloads in the course cover action row. */
.courseBottom:has(.yaray-card-poster){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.courseBottom .yaray-card-poster{display:inline-flex;align-items:center;justify-content:center;background:#f2c47b;color:#172538;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.courseBottom .yaray-card-poster:hover,.courseBottom .yaray-card-poster:focus-visible{background:#ffda9e;color:#111b2a}