/* Course catalog and learning workspace — Bảo AI */
.preview-badge{display:inline-block;background:#e5f7ee;color:#258b65;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600;margin-right:5px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.academy-catalog,.dashboard-page,.resources-page{background:#f7f9fb;min-height:70vh;padding:52px 0 70px}.academy-catalog h1,.dashboard-heading h1{font-size:30px;letter-spacing:-.035em;margin:0 0 15px}.academy-catalog #result-count{font-size:16px;color:#8a95a3;margin-bottom:24px}.catalog-controls{display:flex;gap:12px;align-items:center;margin-bottom:26px;flex-wrap:wrap}.segmented{display:flex;gap:2px;background:#eceff3;padding:4px;border-radius:9px}.segmented button{border:0;background:transparent;border-radius:6px;padding:7px 12px;color:#626d7a;font-size:13px;white-space:nowrap}.segmented button.active{background:white;color:#172234;box-shadow:0 2px 6px #101b3312}.compact-search{display:flex;align-items:center;background:#fff;border:1px solid #dfe5ea;border-radius:8px;gap:9px;padding:7px 11px;min-height:40px;flex:1;min-width:180px;max-width:340px;color:#98a2af}.compact-search input{background:none;border:0;outline:0;width:100%;min-width:0;font-size:13px;color:var(--ink)}.compact-search .icon{width:17px;height:17px}.catalog-controls select{border:1px solid #dfe5ea;background:white;border-radius:8px;padding:8px 28px 8px 12px;font-size:12px;max-width:180px;color:#66768a;min-height:40px}.catalog-controls #catalog-price{max-width:140px}.academy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.academy-grid .course-card{border:0;box-shadow:0 4px 16px #122c4506;border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s}.academy-grid .course-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #122c4512}.academy-grid .course-cover{height:auto;aspect-ratio:16/9}.academy-grid .cover-content{padding:18px}.academy-grid .cover-word{font-size:25px;max-width:220px}.academy-grid .cover-small{font-size:7px}.academy-grid .cover-author{font-size:8px}.academy-grid .course-content{padding:19px 18px 20px}.academy-grid .course-content h3{font-size:18px;min-height:66px;line-height:1.35;margin:20px 0 17px;letter-spacing:-.02em}.academy-grid .teacher{font-size:10px}.academy-grid .course-format{font-size:11px;margin-top:8px}.academy-grid .course-bottom{margin-top:22px;border:0;padding:0}.academy-grid .price{font-size:21px;color:#086e9f}.academy-grid .tag{font-size:10px;padding:3px 6px;border-radius:4px}.academy-grid .empty-state{grid-column:1/-1}.catalog-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9aa4b1;font-size:12px}.clear-filters{font-size:12px;background:#edf5fc;border:0;border-radius:16px;padding:5px 12px;color:var(--blue);margin-bottom:18px}.nav-study{background:#111c30!important;white-space:nowrap}.nav-login{font-size:12px;white-space:nowrap;color:var(--blue);font-weight:600}.nav-wrap{gap:22px}.nav-actions{gap:12px}.nav-search{max-width:265px}
.course-detail-v2{background:#f7f9fb}.academy-detail-hero{background:radial-gradient(at 100% 0,#0d314a,transparent 60%),linear-gradient(#080f1c 65%,#69717d 87%,#f7f9fb);color:#fff;padding:24px 0 115px}.academy-detail-hero .breadcrumb{font-size:11px;color:#8c9aaa;margin-bottom:26px}.detail-heading{max-width:calc(100% - 430px)}.detail-heading .tags{gap:8px}.detail-heading .tag{background:#152b3d;color:#72bfe7;padding:4px 9px;border-radius:4px;font-size:10px}.detail-heading .tag.free{background:#e5f7ed;color:#259d73}.detail-heading h1{font-size:40px;margin:24px 0 18px;line-height:1.2}.detail-heading>p{color:#bbc7d5;line-height:1.8;font-size:15px;max-width:690px}.detail-meta{display:flex;flex-wrap:wrap;gap:18px;color:#a9b9ca;font-size:12px;margin-top:22px}.detail-meta span{display:flex;gap:7px;align-items:center}.detail-meta svg{width:15px;height:15px}.detail-teacher{display:flex;gap:12px;align-items:center;margin:22px 0}.detail-teacher img{width:45px;height:45px;object-fit:cover;object-position:center 20%;border-radius:50%;border:2px solid #ffffff33}.detail-teacher small{display:block;font-size:9px;color:#8a9cb2}.detail-teacher strong{display:block;font-size:14px;line-height:1.2}.course-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.course-facts>div{border:1px solid #ffffff07;background:#030a14a0;border-radius:18px;padding:13px 10px;display:flex;gap:9px;align-items:center;min-width:0}.course-facts svg{color:#3190c5;background:#06263f;padding:7px;box-sizing:content-box;width:18px;height:18px;border-radius:12px}.course-facts strong{font-size:13px;line-height:1.25;display:block}.course-facts small{font-size:8px;display:block;line-height:1.4;margin-top:3px;color:#bdc8d4}.academy-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px;align-items:start;margin-top:-56px;position:relative}.academy-detail-grid article{min-width:0}.detail-panel{background:white;border-radius:28px;padding:32px;margin-bottom:25px;box-shadow:0 3px 13px #182a4010;scroll-margin-top:150px}.detail-panel h2{font-size:25px;margin-bottom:20px}.detail-panel h3{font-size:18px;margin-top:24px;margin-bottom:13px}.detail-panel p{font-size:14px;line-height:1.9}.detail-jump{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;font-weight:600;background:#f7f9bf00;padding:0 7px 18px;color:#2c4960}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.outcome-grid>div{display:flex;gap:10px;align-items:start;font-size:13px;line-height:1.6}.outcome-grid svg{color:#10ac7d;width:18px;height:18px;margin-top:2px}.academy-buy{margin-top:-360px;position:sticky;top:102px;background:white;overflow:hidden;border-radius:26px;box-shadow:0 15px 35px #122b4a18}.academy-buy>.course-cover{height:auto;aspect-ratio:16/9}.academy-buy .cover-word{font-size:32px}.academy-buy .buy-inner{padding:25px}.academy-buy .buy-inner>.price{font-size:35px;color:#132238;font-weight:700}.academy-buy .buy-inner>.muted{font-size:12px;margin:5px 0 20px}.academy-buy .btn{font-size:12px;min-height:45px}.academy-buy .buy-features{gap:15px}.share-course{background:none;border:0;margin:20px auto 0;display:flex;white-space:normal}.curriculum-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:22px}.curriculum-head h2{margin-bottom:8px}.curriculum-head p{font-size:12px}.curriculum-head button{white-space:nowrap;font-size:11px;margin-top:8px}.chapter{border:1px solid #e9edf2;border-radius:12px;margin:10px 0;overflow:hidden}.chapter summary{list-style:none;display:flex;align-items:center;gap:12px;padding:17px 18px;background:#f8fafc;cursor:pointer}.chapter summary::-webkit-details-marker{display:none}.chapter summary:after{content:'⌄';margin-left:5px;font-size:16px;color:#718198;transition:transform .15s}.chapter[open] summary:after{transform:rotate(180deg)}.chapter-number{font-size:11px;font-weight:700;color:#8b9bad;min-width:20px}.chapter-number svg{height:16px;width:16px;color:var(--blue)}.chapter summary strong{flex:1;font-size:13px;line-height:1.5}.chapter summary small{font-size:10px;color:#94a1af;white-space:nowrap}.curriculum-lesson{display:flex;gap:12px;align-items:center;padding:15px 18px;border-top:1px solid #eff2f5;font-size:12px}.curriculum-lesson:hover{background:#f2f8fc}.curriculum-lesson>span{flex:1;line-height:1.5}.curriculum-lesson>svg{width:15px;height:15px;color:#8796a8}.curriculum-lesson small{font-size:10px;color:var(--blue);white-space:nowrap}.chapter-note{padding:18px}.chapter-note a{color:var(--blue)}.curriculum-caption{font-size:11px!important;margin-top:19px;color:#97a4b3}.review-empty{background:#f8fafb;padding:25px;text-align:center;border-radius:12px}.review-empty>svg{width:32px;height:32px;color:#a8b6c5;margin:0 auto 10px}.review-empty p{font-size:13px;margin-bottom:17px}.detail-panel .instructor-mini{background:#fff;padding:0}.detail-panel .instructor-mini h3{margin-top:0}
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.dashboard-heading p{font-size:14px}.dashboard-heading .btn{font-size:12px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 20px}.dashboard-stats>div{display:flex;align-items:center;gap:16px;background:#fff;padding:25px 20px;border:1px solid #e8edf3;border-radius:16px}.dashboard-stats>div>svg{width:24px;height:24px;padding:12px;background:#edf6ff;color:var(--blue);box-sizing:content-box;border-radius:14px}.dashboard-stats>div:nth-child(2)>svg{background:#fff5e9;color:#e49a32}.dashboard-stats>div:nth-child(3)>svg{background:#e9f8f1;color:#27a078}.dashboard-stats>div:nth-child(4)>svg{background:#f3edff;color:#9560ce}.dashboard-stats strong{font-size:28px;line-height:1.2;display:block}.dashboard-stats small{display:block;font-size:11px;color:#7b8897;margin-top:5px}.study-notice{display:flex;gap:10px;align-items:start;background:#edf5fa;border:1px solid #deedf6;border-radius:10px;padding:12px 16px}.study-notice>svg{width:17px;height:17px;color:#4a8cb1;margin-top:3px}.study-notice p{font-size:12px}.study-notice a{color:var(--blue);text-decoration:underline}.dashboard-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:27px 0 25px}.line-tabs{display:flex;border-bottom:1px solid #e5ebf1;gap:25px;min-height:48px}.line-tabs button{position:relative;border:0;border-radius:0;background:none;padding:14px 0;font-size:13px;color:#6c7b8b;white-space:nowrap;display:flex;align-items:center;gap:7px}.line-tabs button.active{color:var(--blue)}.line-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}.line-tabs button>span{font-size:10px;border-radius:10px;background:#e8f2fb;padding:1px 7px}.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.study-card{border:1px solid #e5ebf0;background:#fff;border-radius:18px;overflow:hidden}.study-cover-link{display:block;position:relative}.study-cover-link>.course-cover{height:auto;aspect-ratio:16/9}.study-cover-link .cover-word{font-size:27px}.study-play{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:7px;border-radius:100px;padding:7px 13px;background:#ffffffec;color:#174665;box-shadow:0 3px 15px #0002;font-size:11px;font-weight:700}.study-play>svg{width:17px;height:17px}.study-card-content{padding:21px}.study-card-content h2{font-size:19px;min-height:47px}.study-card-content>p{font-size:11px;margin:10px 0 18px}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7f8b9b;gap:10px;margin:9px 0}.progress-label strong{font-weight:600;color:#52728b}progress{appearance:none;display:block;height:5px;width:100%;border:0;border-radius:5px;overflow:hidden;background:#eaf0f3}progress::-webkit-progress-bar{background:#eaf0f3}progress::-webkit-progress-value{background:#11ad8d;border-radius:5px}progress::-moz-progress-bar{background:#11ad8d;border-radius:5px}.study-card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}.study-card-actions .btn{border-radius:8px;font-size:12px;min-height:37px}.study-card-actions .btn>svg{width:16px;height:16px}.study-card-actions .text-link{font-size:12px}.study-grid>.empty-state{grid-column:1/-1}.dashboard-tools{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.dashboard-tools button{display:flex;gap:7px;align-items:center;font-size:12px}.dashboard-tools svg{height:16px;width:16px}
.classroom{display:grid;grid-template-columns:minmax(0,1fr) 340px;background:#f7f9fb}.classroom-main{min-width:0}.lesson-stage{min-height:405px;background:radial-gradient(ellipse at 10% 20%,#155574,transparent 60%),#0b1628;color:white;display:flex;align-items:center;gap:30px;position:relative;overflow:hidden;padding:38px max(35px,calc((100vw - 1480px)/2));padding-right:45px}.lesson-stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,transparent,#000)}.lesson-stage-copy{position:relative;z-index:1;flex:1;max-width:780px}.lesson-back{font-size:11px;color:#a0bed2;display:inline-block;margin-bottom:28px}.lesson-kicker{display:block;font-size:10px;letter-spacing:.14em;font-weight:700;color:#77c4ec;margin-bottom:14px}.lesson-stage h1{font-size:40px;max-width:650px;line-height:1.18;letter-spacing:-.035em}.lesson-stage p{font-size:14px;color:#a9bfd2;margin:20px 0;max-width:590px;line-height:1.8}.lesson-stage-author{display:flex;gap:12px;align-items:center;margin-top:28px}.lesson-stage-author img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid #ffffff40}.lesson-stage-author strong{font-size:13px;display:block}.lesson-stage-author small{font-size:10px;color:#8ba9c1;display:block}.lesson-stage-symbol{z-index:1;border:1px solid #ffffff19;box-shadow:0 25px 75px #0004;background:linear-gradient(130deg,#1f435c60,#0c293d30);backdrop-filter:blur(3px);border-radius:30px;width:145px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transform:rotate(-7deg)}.lesson-stage-symbol>svg{width:58px;height:58px;color:#76c1e6;stroke-width:1}.lesson-stage-symbol>span{font-size:12px;color:#9fbbcd;letter-spacing:.12em}.lesson-titlebar{background:white;padding:24px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0f3}.lesson-titlebar small{color:var(--blue);font-size:10px;font-weight:600;text-transform:uppercase}.lesson-titlebar h2{font-size:20px;margin-top:8px}.lesson-controls{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.lesson-controls .btn{font-size:11px;border-radius:7px;min-height:37px;padding:9px 12px}.lesson-controls .icon{height:16px;width:16px}.btn.success{background:#e8f8ef;border-color:#c5e9d8;color:#248861}.lesson-workspace{max-width:980px;margin:auto;padding:0 35px 45px}.lesson-workspace>.line-tabs{margin-bottom:0}.lesson-reading{background:#fff;border:1px solid #e7edf2;border-radius:0 0 14px 14px;padding:30px}.lesson-goal{padding:18px 22px;border-left:3px solid #0c99be;background:#f0f8fc;border-radius:0 9px 9px 0;margin-bottom:28px}.lesson-goal strong{font-size:12px;color:#18739c}.lesson-goal p{font-size:14px;margin-top:5px;line-height:1.8}.lesson-reading section{margin-bottom:27px}.lesson-reading section h3{font-size:19px;line-height:1.5;margin-bottom:12px;letter-spacing:-.02em}.lesson-reading section h3>span{font-size:11px;color:var(--blue);display:inline-grid;place-items:center;width:26px;height:26px;background:#ecf6fb;border-radius:7px;margin-right:11px;vertical-align:middle}.lesson-reading section p,.lesson-reading section li{font-size:14px;line-height:1.9;color:#5d6c7c}.lesson-reading section ul{padding-left:20px}.prompt-box{border:1px solid #dbe6ef;border-radius:12px;overflow:hidden;margin:25px 0}.prompt-box>div{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;background:#edf3f8;font-size:12px}.prompt-box button{font-size:11px}.prompt-box pre{padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;margin:0;font-family:inherit;font-size:13px;background:#f9fbfd;color:#516477}.exercise{padding:23px;background:#f1faf5;border:1px solid #dff0e5;border-radius:13px}.exercise .eyebrow{color:#24876a;font-size:9px;margin-bottom:9px}.exercise h3{font-size:18px!important}.exercise-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#376d58;margin-top:17px}.exercise-check input{margin-top:4px;accent-color:#139b78;flex-shrink:0}.lesson-source{font-size:10px;color:#98a6b6;padding-bottom:20px;line-height:1.8}.reading-nav{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf1f5;padding-top:20px}.reading-nav a{font-size:12px;white-space:normal}.classroom-sidebar{background:white;border-left:1px solid #e4e9ee;position:sticky;top:80px;max-height:calc(100vh - 80px);overflow-y:auto;align-self:start;min-height:calc(100vh - 80px)}.classroom-course{padding:24px 22px 20px;border-bottom:1px solid #edf1f4}.classroom-course h2{font-size:15px;line-height:1.5;margin-bottom:15px;letter-spacing:-.01em}.sidebar-tabs{justify-content:center;gap:40px;position:sticky;top:0;background:#fff;z-index:2}.sidebar-tabs button{font-size:12px}.lesson-group{border-bottom:1px solid #edf0f4}.lesson-group summary{padding:18px 20px;font-size:11px;cursor:pointer;color:#465d73;font-weight:600;line-height:1.7}.lesson-item{display:flex;gap:11px;padding:15px 18px;align-items:start;font-size:12px;border-left:3px solid transparent}.lesson-item>svg{width:17px;height:17px;color:#7a8d9f;margin-top:2px}.lesson-item strong{font-size:12px;font-weight:500;line-height:1.65;display:block}.lesson-item small{font-size:10px;color:#a0aab6;display:block;margin-top:3px}.lesson-item.active{background:#e9f7fc;border-left-color:#1189bd;color:#0079ae}.lesson-item.active>svg{color:#0079ae}.lesson-item:hover{background:#f0f7fb}.sidebar-chapter{padding:13px 20px}.sidebar-chapter>strong{font-size:11px;display:block;margin-bottom:8px}.sidebar-chapter>a{display:flex;gap:9px;align-items:start;padding:9px 0;font-size:11px;color:#6a7c8e}.sidebar-chapter>a>svg{width:14px;height:14px;margin-top:3px}.sidebar-chapter>a>span{flex:1}.sidebar-portal{padding:25px 20px;background:#fafcfd}.sidebar-portal p{font-size:12px;margin-bottom:13px}.sidebar-portal .btn{font-size:11px;border-radius:8px;width:100%}.sidebar-portal small{display:block;color:#98a5b4;font-size:10px;margin-top:14px;line-height:1.8}.notes-panel,.discussion-panel{background:white;border:1px solid #e7edf2;padding:25px;border-radius:0 0 14px 14px}.notes-heading{display:flex;gap:15px;justify-content:space-between;align-items:start}.notes-heading h3{font-size:18px}.notes-heading p{font-size:11px;margin-top:8px;line-height:1.7}.notes-heading .btn{font-size:11px;border-radius:7px;min-height:36px;white-space:nowrap}.notes-panel textarea{resize:vertical;width:100%;min-height:260px;margin-top:20px;border:1px solid #d9e3eb;border-radius:9px;padding:15px;font-size:14px;line-height:1.8}.notes-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:10px;font-size:11px;color:#8094a7}.notes-bottom button{font-size:11px;border:0;background:none}.discussion-panel{text-align:center;padding:40px 25px}.discussion-panel>.icon-box{margin:auto}.discussion-panel h3{font-size:21px;margin:20px 0 15px}.discussion-panel p{font-size:13px;max-width:480px;margin:0 auto 23px}.discussion-panel>a{margin:5px 10px}.lesson-resources{padding:23px 18px}.resource-download{display:flex;align-items:start;gap:10px;text-align:left;border:1px solid #e4eaf0;background:#f9fbfd;border-radius:10px;padding:15px 12px;margin-bottom:15px;width:100%}.resource-download>svg{height:17px;width:17px;color:#3588b3;margin-top:2px}.resource-download>span{flex:1}.resource-download strong{font-size:12px;display:block;line-height:1.7}.resource-download small{font-size:10px;color:#9aa9b6;display:block;margin-top:4px}.lesson-resources>.text-link{font-size:11px}
.resources-page h1{font-size:42px;margin-bottom:20px}.page-lead{max-width:720px;font-size:15px;line-height:1.8}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.reading-resource{padding:27px;border:1px solid #e4eaf0;border-radius:20px;background:white;display:flex;align-items:start;flex-direction:column;transition:.2s}.reading-resource:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0c274410}.reading-resource>.tag{margin:18px 0 15px;font-size:9px}.reading-resource h2{font-size:21px;line-height:1.4}.reading-resource p{font-size:13px;line-height:1.8;margin:15px 0 24px}.reading-resource>.text-link{margin-top:auto;font-size:12px}.resource-banner{padding:32px;background:#e8f3fb;border-radius:20px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.resource-banner h2{font-size:23px;margin-bottom:12px}.resource-banner p{font-size:13px}.instructor-profile{background:linear-gradient(120deg,#eef6fb,#fafcfb);padding:70px 0}.instructor-profile-grid{display:grid;grid-template-columns:310px 1fr;gap:65px;align-items:center}.profile-photo{width:310px;height:370px;object-fit:cover;object-position:center 20%;border-radius:24px}.instructor-profile h1{font-size:26px;color:var(--blue);margin-bottom:15px}.instructor-profile h2{font-size:38px}.instructor-profile p{font-size:14px;max-width:640px;line-height:1.9;margin:23px 0}.instructor-profile .btn{font-size:12px}.profile-facts{display:flex;gap:30px;margin-top:30px;font-size:11px;color:#7c8fa1}.profile-facts strong{display:block;font-size:27px;color:#182d43;margin-bottom:5px}
@media(min-width:1600px){.classroom{grid-template-columns:minmax(0,1fr) 360px}.lesson-stage{min-height:500px}.lesson-stage h1{font-size:48px}.lesson-stage-symbol{width:190px;height:235px}.lesson-titlebar{padding-left:max(35px,calc((100vw - 1480px)/2));padding-right:max(35px,calc((100vw - 1480px)/2))}}
@media(max-width:1200px){.academy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-login{display:none}.academy-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.detail-heading{max-width:calc(100% - 350px)}.detail-heading h1{font-size:34px}.course-facts{grid-template-columns:1fr 1fr}.academy-buy{margin-top:-400px}.classroom{grid-template-columns:minmax(0,1fr) 300px}.lesson-stage{padding:30px;min-height:380px}.lesson-stage h1{font-size:33px}.lesson-stage-symbol{width:110px;height:155px;flex-shrink:0}.lesson-stage-symbol svg{width:40px;height:40px}.lesson-titlebar{display:block;padding:23px 30px}.lesson-controls{margin-top:18px}.lesson-workspace{padding:0 25px 35px}.dashboard-stats{gap:12px}.dashboard-stats>div{padding:20px 15px;gap:10px}.dashboard-stats>div>svg{padding:9px;width:20px;height:20px}.dashboard-stats strong{font-size:25px}.dashboard-stats small{font-size:10px}.study-grid{gap:18px}.study-card-content{padding:18px}}
@media(max-width:950px){.academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-grid .cover-word{font-size:28px;max-width:260px}.academy-detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.academy-buy .cover-word{font-size:25px;max-width:220px}.academy-buy .buy-inner{padding:20px}.detail-heading{max-width:calc(100% - 300px)}.detail-heading h1{font-size:30px}.detail-panel{padding:24px}.outcome-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.study-grid{grid-template-columns:1fr 1fr}.classroom{grid-template-columns:minmax(0,1fr) 275px}.lesson-stage-symbol{display:none}.lesson-reading{padding:22px}.lesson-stage h1{font-size:31px}.lesson-workspace{padding:0 20px 30px}.resources-grid{grid-template-columns:1fr 1fr}.dashboard-heading{align-items:start}.dashboard-heading>.btn{max-width:210px}.notes-heading{display:block}.notes-heading .btn{margin-top:12px}.notes-panel{padding:20px}.instructor-profile-grid{grid-template-columns:250px 1fr;gap:35px}.profile-photo{width:250px;height:320px}.instructor-profile h2{font-size:30px}}
@media(max-width:720px){.academy-catalog,.dashboard-page,.resources-page{padding:32px 0 45px}.academy-catalog h1,.dashboard-heading h1{font-size:28px}.catalog-controls{gap:10px}.catalog-controls .segmented{flex:0 0 auto}.catalog-controls .compact-search{max-width:none;min-width:140px}.catalog-controls select{flex:1;max-width:none;width:30%;font-size:11px;padding:8px}.catalog-controls #catalog-price{max-width:none}.academy-grid{gap:18px 14px}.academy-grid .cover-content{padding:13px}.academy-grid .cover-word{font-size:20px;max-width:165px}.academy-grid .cover-small{font-size:6px}.academy-grid .cover-author{font-size:6px}.academy-grid .course-content{padding:14px}.academy-grid .course-content h3{font-size:16px;margin-top:15px;min-height:63px}.academy-grid .teacher{font-size:8px}.academy-grid .course-format{font-size:9px}.academy-grid .price{font-size:18px}.academy-grid .course-bottom{margin-top:17px}.academy-grid .course-card{border-radius:15px}.academy-grid .tag{font-size:8px}.catalog-bottom{display:block}.catalog-bottom .text-link{margin-top:14px}.nav-wrap{gap:14px}.nav-actions{gap:7px}.nav-study{padding:9px 11px!important}.nav-study .icon{width:15px;height:15px}.academy-detail-hero{padding:22px 0 60px;background:radial-gradient(at 100% 0,#0d314a,transparent),#091525}.detail-heading{max-width:100%}.detail-heading h1{font-size:32px}.detail-heading>p{font-size:14px}.detail-meta{font-size:11px}.course-facts{grid-template-columns:repeat(4,1fr);gap:6px}.course-facts>div{display:block;padding:12px 9px}.course-facts svg{display:none}.course-facts strong{font-size:11px}.course-facts small{font-size:7px;margin-top:5px}.academy-detail-grid{display:flex;flex-direction:column;margin-top:-25px;gap:25px}.academy-detail-grid>article{order:1;width:100%}.academy-buy{order:0;position:static;margin:0;width:100%;border-radius:22px;display:grid;grid-template-columns:1fr 1.1fr}.academy-buy>.course-cover{height:100%;aspect-ratio:auto;min-height:320px}.academy-buy .cover-content{padding:18px}.academy-buy .cover-word{font-size:24px;max-width:170px}.academy-buy .cover-small{font-size:6px}.academy-buy .cover-author{font-size:7px}.academy-buy .buy-inner{padding:20px 15px}.academy-buy .buy-inner>.price{font-size:26px}.academy-buy .buy-inner>.muted{font-size:10px;margin-bottom:15px}.academy-buy .btn{font-size:10px;min-height:38px;padding:10px;gap:6px}.academy-buy .btn svg{width:13px;height:13px}.academy-buy .buy-features{display:none}.academy-buy .note{font-size:9px}.academy-buy .share-course{font-size:10px;margin-top:12px}.detail-panel{padding:23px 20px;border-radius:20px;margin-bottom:20px}.detail-panel h2{font-size:23px}.detail-panel p{font-size:13px}.detail-jump{gap:18px;font-size:11px}.curriculum-head{display:block}.curriculum-head button{margin-top:12px}.chapter summary{padding:15px 12px;gap:9px}.chapter summary strong{font-size:12px}.chapter summary small{font-size:9px}.curriculum-lesson{padding:13px 12px;font-size:11px;gap:9px}.dashboard-heading{display:block}.dashboard-heading>.btn{margin-top:20px;max-width:none}.dashboard-stats{gap:12px;margin-top:25px}.dashboard-stats>div{padding:17px 13px;gap:11px}.dashboard-stats strong{font-size:24px}.dashboard-stats small{font-size:10px}.dashboard-stats>div>svg{height:17px;width:17px;padding:9px}.study-notice{padding:12px}.study-notice p{font-size:11px}.dashboard-toolbar{display:block}.dashboard-toolbar .line-tabs{gap:22px}.dashboard-toolbar .line-tabs button{font-size:12px}.dashboard-toolbar .compact-search{max-width:none;margin-top:17px}.study-card-content h2{font-size:16px}.study-card-content{padding:16px}.study-card-content>p{font-size:10px}.study-card-actions{flex-wrap:wrap;gap:10px;margin-top:15px}.study-card-actions .btn{font-size:10px;padding:8px 10px;min-height:34px}.study-card-actions .text-link{font-size:10px}.study-play{font-size:9px;padding:5px 9px;bottom:10px;right:10px}.study-cover-link .cover-word{font-size:20px;max-width:160px}.study-cover-link .cover-content{padding:15px}.progress-label{font-size:10px}.dashboard-tools{gap:20px}.dashboard-tools .text-link{font-size:11px}.classroom{display:flex;flex-direction:column}.classroom-main{width:100%}.classroom-sidebar{position:static;max-height:none;min-height:0;width:100%;border-left:0;border-top:1px solid #dce6ed;order:-1}.classroom-course{padding:17px 20px}.classroom-course h2{font-size:14px;margin-bottom:9px}.classroom-sidebar .sidebar-tabs{position:static;min-height:42px}.classroom-sidebar .sidebar-tabs button{padding:11px 0;font-size:12px}.classroom-sidebar #panel-lessons{max-height:225px;overflow-y:auto}.classroom-sidebar .lesson-group summary{padding:12px 20px}.classroom-sidebar .lesson-item{padding:12px 20px}.classroom-sidebar .sidebar-portal{display:none}.classroom-sidebar .lesson-resources{padding:15px 20px}.lesson-stage{min-height:350px;padding:26px 23px}.lesson-back{margin-bottom:22px}.lesson-stage h1{font-size:32px}.lesson-stage p{font-size:13px;margin:18px 0}.lesson-stage-author{margin-top:20px}.lesson-titlebar{padding:22px}.lesson-titlebar h2{font-size:20px}.lesson-controls .btn{font-size:11px;min-height:40px}.lesson-workspace{padding:0 15px 30px}.lesson-workspace>.line-tabs{gap:24px}.lesson-workspace>.line-tabs button{font-size:12px}.lesson-reading{padding:24px 18px}.lesson-goal{padding:15px}.lesson-reading section h3{font-size:18px}.lesson-reading section p,.lesson-reading section li{font-size:14px}.prompt-box pre{padding:16px;font-size:12px}.prompt-box>div{padding:12px;font-size:11px}.exercise{padding:18px}.notes-panel{padding:20px 16px}.notes-panel textarea{min-height:250px}.resources-page h1{font-size:33px}.resources-grid{gap:16px}.reading-resource{padding:22px}.reading-resource h2{font-size:19px}.reading-resource p{font-size:12px}.reading-resource .text-link{font-size:11px;white-space:normal}.resource-banner{padding:25px;display:block}.resource-banner .btn{margin-top:22px}.instructor-profile{padding:40px 0}.instructor-profile-grid{grid-template-columns:1fr;gap:30px}.profile-photo{width:210px;height:245px}.instructor-profile h1{font-size:24px}.instructor-profile h2{font-size:33px}.profile-facts{gap:25px}}
@media(max-width:440px){.catalog-controls .compact-search{flex-basis:100%;order:1}.catalog-controls select{order:2}.academy-grid{grid-template-columns:1fr}.academy-grid .course-content h3{min-height:0;font-size:19px}.academy-grid .cover-word{font-size:30px;max-width:260px}.academy-grid .cover-small{font-size:8px}.academy-grid .cover-author{font-size:8px}.academy-grid .course-content{padding:20px}.academy-grid .teacher{font-size:10px}.academy-grid .course-format{font-size:11px}.academy-grid .price{font-size:22px}.academy-grid .tag{font-size:10px}.academy-buy{display:block}.academy-buy>.course-cover{aspect-ratio:16/9;min-height:0;height:auto}.academy-buy .cover-word{font-size:30px;max-width:250px}.academy-buy .buy-inner{padding:24px}.academy-buy .buy-inner>.price{font-size:34px}.academy-buy .btn{font-size:12px;min-height:44px}.academy-buy .note{font-size:10px}.study-grid,.resources-grid{grid-template-columns:1fr}.study-cover-link .cover-word{font-size:29px;max-width:250px}.study-cover-link .cover-small{font-size:8px}.study-cover-link .cover-author{font-size:8px}.study-card-content{padding:22px}.study-card-content h2{min-height:0;font-size:20px}.study-card-actions .btn{font-size:12px;min-height:39px}.study-card-actions .text-link{font-size:12px}.study-card-content>p{font-size:11px}.progress-label{font-size:11px}.dashboard-stats>div{display:block}.dashboard-stats>div>svg{float:right}.dashboard-stats small{max-width:110px}.course-facts{grid-template-columns:1fr 1fr}.course-facts>div{display:flex}.course-facts svg{display:block}.course-facts strong{font-size:12px}}