/* The study frame uses the existing blue-grey brand, with calmer surfaces and age-appropriate density. */
:root{--study-ink:#253f50;--study-muted:#607786;--study-line:#dbe4ea;--study-blue:#526e85;--study-paper:#fff;--study-soft:#f1f5f8}
body{background:#f5f7f9}.study-home{color:var(--study-ink)}.study-home h1,.study-home h2,.study-home h3{color:var(--study-ink)}.study-home-head{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:10px 0 28px}.study-home-head h1{font-size:clamp(24px,2.5vw,34px);line-height:1.65;margin:8px 0}.study-home-head p{color:var(--study-muted);line-height:1.8}.study-kicker{font-size:12px;font-weight:650;letter-spacing:.04em;color:var(--study-blue);margin:0 0 8px}.study-home-head>img{width:170px;height:116px;object-fit:cover;object-position:center;border-radius:18px}.study-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.study-today,.study-resume,.study-glance,.study-week{background:var(--study-paper);border:1px solid var(--study-line);border-radius:22px;padding:25px}.study-today{padding:28px}.study-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.study-section-heading h2{font-size:23px;margin:3px 0}.study-section-heading>span{font-size:12px;color:var(--study-muted)}.study-plan-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--study-muted);padding:0 0 18px;border-bottom:1px solid var(--study-line)}.study-plan-list{list-style:none;margin:0;padding:0}.study-plan-list>li{display:flex;align-items:flex-start;gap:15px;padding:24px 0;border-bottom:1px solid #edf1f4}.study-task-number{flex:none;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#e9f0f5;color:var(--study-blue);font-weight:750}.study-plan-list h3{font-size:17px;margin:2px 0 8px;line-height:1.8}.study-plan-list p{font-size:13px;line-height:1.85;color:var(--study-muted);margin:0 0 7px}.study-plan-list small{font-size:11px;color:var(--study-muted)}.study-plan-list>li>div{min-width:0;flex:1}.study-plan-list .text-btn{font-size:12px;flex:none;white-space:nowrap;padding-top:8px}.study-plan-list .is-done .study-task-number{background:#e4f1e9;color:#2e7954}.study-plan-start{margin-top:24px}.study-plan-start .primary,.study-task-finish .primary{background:var(--study-blue);box-shadow:none}.study-plan-start p{font-size:11px;color:var(--study-muted);line-height:1.8;margin:12px 0 0}.study-home-aside{display:grid;gap:16px}.study-resume h2{font-size:21px;margin:8px 0}.study-resume p{font-size:13px;color:var(--study-muted);line-height:1.9;margin:10px 0 16px}.study-resume .secondary{width:100%;justify-content:center;font-size:13px;background:#f1f5f8;color:var(--study-blue);border-color:var(--study-line)}.study-glance strong{font-size:33px;color:var(--study-blue)}.study-glance span,.study-glance p{font-size:12px;color:var(--study-muted);line-height:1.9}.study-glance p{margin:10px 0}.study-glance .text-btn{font-size:12px}.study-week>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.study-week h3{font-size:16px;margin:0}.study-week .text-btn{font-size:11px}.study-week .week{margin-bottom:0}.study-week .day-circle{width:27px;height:27px;font-size:11px}.study-explore{margin-top:32px}.study-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.study-subjects>article{padding:22px;background:#fff;border:1px solid var(--study-line);border-radius:20px;min-width:0}.study-subject-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.study-subject-title .icon{color:var(--study-blue)}.study-subject-title h3{font-size:19px;margin:0;flex:1}.study-subject-title>span{font-size:11px;color:var(--study-muted)}.study-subject-links{display:grid;gap:3px;margin-top:17px}.study-subject-links>button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;border:none;min-height:43px;padding:8px 4px;color:var(--study-ink);font-size:13px}.study-subject-links>button:hover{background:#f1f5f8;border-radius:8px}.study-subject-links span{color:var(--study-muted);font-size:20px}.study-extra{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.study-extra>button,.study-extra>.game-home-entry{display:flex;align-items:center;gap:10px;background:#edf2f6;border:1px solid var(--study-line);border-radius:15px;padding:17px 20px;color:var(--study-blue);text-align:left;font-size:14px;margin:0;box-shadow:none}.study-extra>button>span{font-size:12px;flex:1;color:var(--study-muted)}.study-extra .icon{width:22px;height:22px;flex:none}.study-edition{font-size:11px;color:var(--study-muted);line-height:1.95;margin:25px 0 18px}.study-home .grade-roadmap{background:#fff;border-color:var(--study-line);box-shadow:none}.study-empty p{line-height:1.8;color:var(--study-muted)}
.study-nav-group{margin:0}.study-nav-group>summary{cursor:pointer;list-style:none}.study-nav-group>summary::-webkit-details-marker{display:none}.study-nav-group>summary:after{content:'+';font-size:20px;margin-left:auto;flex:none;line-height:1}.study-nav-group[open]>summary:after{content:'−'}.study-nav-group>summary:focus-visible{outline:3px solid #e1aa69;outline-offset:-3px}.study-nav-group>button.nav-btn{font-size:14px;min-height:46px;padding:10px 15px;margin-left:10px;width:calc(100% - 10px)}.study-nav-group>button.nav-btn .nav-icon{width:31px;height:31px}.study-nav-group>button.nav-btn .icon{width:21px;height:21px}
.study-unit-intro{display:flex;justify-content:space-between;gap:30px;background:#fff;border:1px solid var(--study-line);border-radius:20px;padding:27px 30px;margin:20px 0;color:var(--study-ink)}.study-unit-intro h1{font-size:28px;line-height:1.6;margin:8px 0 16px;color:var(--study-ink)}.study-unit-goal{font-size:14px;line-height:1.95;color:var(--study-muted);max-width:700px;margin:0}.study-unit-goal strong{display:block;font-size:12px;color:var(--study-blue);margin-bottom:5px}.study-unit-count{flex:none;align-self:center;display:grid;gap:8px;text-align:right}.study-unit-count>strong{font-size:34px;color:var(--study-blue);font-weight:700}.study-unit-count small{font-size:18px;font-weight:450}.study-unit-count>span{font-size:12px;color:var(--study-muted)}.study-unit-route{display:flex;gap:12px;overflow-x:auto;padding-bottom:7px;margin-bottom:20px}.study-unit-route>div,.study-unit-route>button{flex:1;min-width:145px;padding:16px;background:#f0f4f7;border:1px solid var(--study-line);border-radius:14px;text-align:left;color:var(--study-ink)}.study-unit-route b{display:block;font-size:12px;color:var(--study-blue);margin-bottom:9px}.study-unit-route strong{display:block;font-size:14px;line-height:1.85;margin-bottom:6px}.study-unit-route small{font-size:11px;line-height:1.75;color:var(--study-muted);display:block}.study-legacy-goal{padding:18px 22px;border:1px solid var(--study-line);border-radius:15px;background:#fff;margin:14px 0 20px}.study-legacy-goal strong{font-size:13px;color:var(--study-blue)}.study-legacy-goal p{margin:7px 0 0;font-size:14px;line-height:1.85;color:var(--study-muted)}.study-recommended{outline:2px solid #91a9bb;outline-offset:2px;position:relative}.study-target-label{font-size:11px;color:var(--study-blue);margin-bottom:8px}
body.study-classroom #sidebar{display:none}body.study-classroom .main{margin-left:0;width:100%;max-width:1250px;padding-left:32px;padding-right:32px;margin-right:auto;margin-left:auto}body.study-classroom #topbar{border-radius:16px;min-height:68px;background:#fff;box-shadow:0 3px 12px #263f5008;gap:12px}body.study-classroom #topbar>.crumb,body.study-classroom .top-actions .status-pill,body.study-classroom #topbar>.mobile-menu{display:none}body.study-classroom .top-actions{flex:none;gap:8px}body.study-classroom .top-actions .pinyin-toggle{padding:8px 14px;min-width:0}body.study-classroom #app .grade-course-header,body.study-classroom #grade-progress,body.study-classroom #app .module-header,body.study-classroom #app .module-progress,body.study-classroom .grade-lesson-breadcrumb,body.study-classroom .review-heading{display:none}.study-classbar{display:flex;align-items:center;flex:1;min-width:0;gap:20px}.study-classbar>span{flex:1;color:var(--study-ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-classbar .text-btn{font-size:13px;flex:none;color:var(--study-blue)}.study-class-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 18px}.study-class-heading>div{min-width:0}.study-class-heading h1{font-size:clamp(22px,2.3vw,29px);line-height:1.75;color:var(--study-ink);margin:8px 0}.study-class-heading>div>p:last-child{font-size:13px;line-height:1.9;color:var(--study-muted);margin:0;max-width:820px}.study-class-heading>span{flex:none;font-size:12px;background:#edf2f6;color:var(--study-blue);border-radius:12px;padding:10px 14px}.study-class-heading>span.is-done{background:#e7f3eb;color:#32704e}.study-class-progress{height:3px;background:#e1e9ee;border-radius:4px;margin:0 0 26px;overflow:hidden}.study-class-progress i{display:block;height:100%;background:#708fa6}.study-task-finish:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;background:#eef5f1;border:1px solid #cde0d4;border-radius:18px;margin-top:25px}.study-task-finish strong{color:#2a6547}.study-task-finish p{color:#547768;font-size:13px;line-height:1.8;margin:8px 0 0}.study-contents{display:grid;gap:9px;margin-top:20px}.study-contents>button{display:flex;align-items:center;text-align:left;gap:12px;padding:15px;border:1px solid var(--study-line);border-radius:13px;background:#fff;color:var(--study-ink);min-width:0}.study-contents>button.is-current{border-color:#7996aa;background:#edf3f7}.study-contents strong{font-size:14px;line-height:1.85;flex:1;min-width:0}.study-contents small{font-size:11px;color:var(--study-muted);flex:none}.study-contents>button>span{color:var(--study-blue)}
body[data-study-band=upper] .study-today,body[data-study-band=upper] .study-subjects>article{border-radius:15px}body[data-study-band=upper] .study-home-head>img{width:140px;height:96px}body[data-study-band=upper] .study-home-head h1{font-size:30px}
@media(max-width:1100px){.study-home-grid{grid-template-columns:minmax(0,1fr) 250px}.study-today{padding:22px}.study-home-head>img{width:140px}.study-subjects>article{padding:18px}}
@media(max-width:950px){.study-home-grid{grid-template-columns:1fr}.study-home-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.study-week{grid-column:1/-1}.study-subjects{grid-template-columns:1fr}.study-subject-links{grid-template-columns:repeat(2,minmax(0,1fr))}.study-extra{grid-template-columns:1fr}.study-unit-intro{padding:22px;gap:20px}.study-classbar{gap:12px}}
@media(max-width:600px){.study-home-head{margin:8px 0 23px}.study-home-head>img,body[data-study-band=upper] .study-home-head>img{display:none}.study-home-head h1,body[data-study-band=upper] .study-home-head h1{font-size:25px}.study-home-head p{font-size:13px}.study-today{padding:20px 17px;border-radius:18px}.study-section-heading{gap:10px}.study-section-heading h2{font-size:21px}.study-section-heading .text-btn{font-size:12px}.study-plan-list>li{gap:11px;padding:20px 0;flex-wrap:wrap}.study-task-number{width:28px;height:28px;border-radius:9px}.study-plan-list h3{font-size:16px}.study-plan-list>li>.text-btn{margin-left:39px;padding:3px 0;min-height:35px}.study-plan-meta{font-size:11px;line-height:1.8}.study-plan-start .primary{width:100%;justify-content:center}.study-home-aside{grid-template-columns:1fr}.study-week{grid-column:auto}.study-resume,.study-glance,.study-week{padding:20px}.study-subject-links{gap:5px 14px}.study-section-heading>span{max-width:110px;line-height:1.8;text-align:right}.study-extra>button,.study-extra>.game-home-entry{flex-wrap:wrap;padding:17px}.study-extra>button>span{flex-basis:calc(100% - 35px);margin-left:30px}.study-unit-intro{display:block;padding:20px;margin:15px 0}.study-unit-intro h1{font-size:24px}.study-unit-count{display:flex;align-items:center;gap:13px;text-align:left;margin-top:20px}.study-unit-count>strong{font-size:25px}.study-unit-route>div,.study-unit-route>button{min-width:137px}.study-unit-goal{font-size:13px}body.study-classroom .main{padding:12px}body.study-classroom #topbar{padding:10px 12px;min-height:62px;gap:8px;flex-wrap:wrap}body.study-classroom .study-classbar{flex-basis:100%;gap:8px}body.study-classroom .study-classbar>span{font-size:12px}body.study-classroom .study-classbar .text-btn{font-size:12px}body.study-classroom .top-actions{width:100%;justify-content:flex-end}body.study-classroom .top-actions .circle-btn{width:31px;height:31px}body.study-classroom .top-actions .pinyin-toggle{font-size:11px;padding:7px 12px}.study-class-heading{margin:21px 2px 16px;gap:13px;display:block}.study-class-heading h1{font-size:22px}.study-class-heading>span{display:inline-block;margin-top:15px;padding:7px 11px}.study-class-progress{margin-bottom:20px}.study-task-finish:not([hidden]){display:block;padding:20px}.study-task-finish button{margin-top:16px;width:100%;justify-content:center}.study-contents>button{flex-wrap:wrap}.study-contents strong{font-size:13px}.study-contents small{margin-left:auto}.study-legacy-goal{padding:17px}}

body.study-unit-view .grade-course-header{display:none}body.study-unit-view .grade-teaching{margin-top:18px;padding:26px;min-height:0}body.study-unit-view .grade-teaching-copy>.badge,body.study-unit-view .grade-teaching-copy>h2,body.study-unit-view .grade-teaching-copy>p{display:none}body.study-unit-view .grade-teaching-example{margin-top:0}body.study-unit-view .english-unit-hero{padding:25px}body.study-unit-view .english-unit-hero h3,body.study-unit-view .english-unit-hero>div:first-child>p:not(.english-alignment-note){display:none}
@media(max-width:600px){body.study-unit-view .grade-teaching{padding:20px}}

.study-review-links{background:#fff;border:1px solid var(--study-line);border-radius:16px;padding:20px;margin-top:22px}.study-review-links h3{font-size:16px;margin:0 0 15px}.study-review-links>div{display:flex;gap:15px;flex-wrap:wrap}.study-review-links button{border:0;border-radius:10px;padding:12px 15px;background:var(--study-soft);color:var(--study-blue);font-size:13px;text-align:left}
@media(max-width:600px){.study-review-links>div{display:grid}.study-review-links button{width:100%}}

/* Keep the classroom exit visible and easy to touch across grades. */
body.study-classroom #topbar{height:auto}
.study-classbar .study-exit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:46px;padding:10px 18px;border:1px solid #425d73;border-radius:12px;background:var(--study-blue);color:#fff;font-size:15px;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:0 3px 8px #263f501a}
.study-exit-btn>span{font-size:24px;line-height:1}
.study-classbar .text-btn{min-height:44px;padding:10px 14px;border:1px solid var(--study-line);border-radius:11px;background:var(--study-soft);white-space:nowrap}
@media(max-width:600px){body.study-classroom .study-classbar{justify-content:space-between}body.study-classroom .study-classbar>span{display:none}body.study-classroom .study-classbar .study-exit-btn{font-size:15px;min-height:46px;padding:10px 16px}body.study-classroom .study-classbar .text-btn{font-size:13px}}