.classroom-part2-page{background:linear-gradient(180deg,#f5faff 0,#fffdf8 42%,#f5fbff 100%)}
.part2-hero{position:relative;min-height:350px;border-radius:0 0 28px 28px;overflow:hidden;background:url('../img/classroom/hero.svg') center/cover no-repeat}.part2-hero-overlay{position:absolute;inset:0;background:linear-gradient(112deg,rgba(13,50,99,.94),rgba(26,120,190,.82),rgba(33,159,115,.58))}.part2-hero-content{position:relative;z-index:1;max-width:960px;margin:auto;padding:70px 32px;text-align:center;color:#fff}.part2-hero h2{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}.part2-hero p{max-width:850px;margin:1rem auto 1.6rem;font-size:1.08rem;line-height:1.75}
.section-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.listen-all-btn,.outline-action,.record-btn,.copilot-copy-btn,.copilot-open-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;font-weight:800;padding:.72rem 1rem}.listen-all-btn{border:0;background:#1267b7;color:#fff}.listen-all-btn:hover{background:#0b559a;color:#fff}.outline-action{border:2px solid #bed7ee;background:#fff;color:#174c7b}.outline-action:hover{background:#edf7ff;color:#174c7b}.record-btn{border:0;background:#ed5b69;color:#fff}.record-btn:hover{background:#d94758;color:#fff}
.speaker-filter{display:flex;flex-wrap:wrap;gap:9px}.speaker-filter button{border:1px solid #d5e4f2;border-radius:999px;background:#fff;padding:.55rem .85rem;font-weight:800;color:#38546d}.speaker-filter button.active,.speaker-filter button:hover{background:#123d6b;color:#fff;border-color:#123d6b}.dialogue-script{display:grid;gap:18px}.script-block{border:1px solid #dae7f2;border-radius:22px;background:#fff;box-shadow:0 12px 26px rgba(17,52,87,.07);overflow:hidden;transition:.2s}.script-block.hidden-speaker{display:none}.script-block header{display:flex;align-items:center;gap:14px;padding:18px 20px;color:#fff}.script-block header>div{flex:1}.script-block header small{font-weight:900;letter-spacing:.08em}.script-block header h3{margin:0;font-weight:900}.speaker-one header{background:linear-gradient(135deg,#1c75c8,#49a0e8)}.speaker-two header{background:linear-gradient(135deg,#29965e,#60c889)}.speaker-three header{background:linear-gradient(135deg,#7a55da,#a588ef)}.speaker-team header{background:linear-gradient(135deg,#ef7b32,#f5b34e)}.speaker-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.22);font-size:1.35rem;font-weight:900}.script-text{padding:20px}.script-text p{margin:0 0 .8rem;line-height:1.7}.script-text p:last-child{margin-bottom:0}.script-block.is-speaking{outline:4px solid rgba(255,209,102,.8);transform:translateY(-2px)}
.short-reading{padding:22px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dce8f3}.short-reading p{line-height:1.75}.shadow-highlight{background:#fff2b9;border-radius:6px;padding:0 .15rem}
.pronunciation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.practice-panel,.copilot-panel{padding:24px;border-radius:22px;border:1px solid #dbe7f1;background:#fff;box-shadow:0 10px 24px rgba(16,51,87,.07)}.practice-actions{display:flex;flex-wrap:wrap;gap:10px}.record-status{padding:12px 14px;border-radius:12px;background:#f3f8fc;color:#37536d;font-weight:700}.record-status.recording{background:#fff0f1;color:#b62c3c}.copilot-panel{background:linear-gradient(145deg,#eff8ff,#f4f0ff)}.copilot-title{display:flex;gap:13px;align-items:flex-start}.copilot-title>i{font-size:2rem;color:#6b55d9}.copilot-title div{display:grid}.copilot-title strong{font-size:1.08rem;color:#173d65}.copilot-title span{font-size:.9rem;color:#5f7184}.copilot-copy-btn{border:0;background:#6b55d9;color:#fff}.copilot-copy-btn:hover{background:#5843c4;color:#fff}.copilot-open-btn{border:0;background:#1174c3;color:#fff}.copilot-open-btn:hover{background:#0b5f9f;color:#fff}
.reading-passage{font-size:1.02rem;line-height:1.85;padding:22px;border-left:6px solid #2f80ed;border-radius:15px;background:#f4f9ff}.reading-score-box{height:100%;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:22px;background:linear-gradient(135deg,#133c68,#2686cc);color:#fff}.reading-score-box span{font-weight:800}.reading-score-box strong{font-size:2.5rem}.reading-question{padding:20px;border:1px solid #dfe8f0;border-radius:18px;background:#fff;margin-bottom:15px}.reading-question legend{float:none;width:auto;font-size:1rem;font-weight:900;color:#173e66;margin-bottom:12px}.reading-question label{display:block;padding:10px 12px;border-radius:12px;cursor:pointer}.reading-question label:hover{background:#f2f8fd}.reading-question input{margin-right:8px}.reading-question.correct{border-color:#58b77b;background:#effcf3}.reading-question.wrong{border-color:#e06b78;background:#fff2f3}.reading-feedback{font-weight:800}.vocabulary-search{max-width:310px}.vocabulary-table{--bs-table-bg:transparent}.vocabulary-table thead th{background:#123d6b;color:#fff;border:0}.vocabulary-table thead th:first-child{border-radius:14px 0 0 0}.vocabulary-table thead th:last-child{border-radius:0 14px 0 0}.vocabulary-table tbody tr{border-bottom:1px solid #e3ebf2}.vocabulary-table tbody td{padding:14px}.vocabulary-table tbody td:first-child{font-weight:800;color:#173f68}.vocabulary-table td:last-child{text-align:center}.final-callout .project-primary-btn{min-width:280px}
@media(max-width:991px){.pronunciation-grid{grid-template-columns:1fr}.section-heading-row{flex-direction:column}.vocabulary-search{max-width:none;width:100%}}
@media(max-width:767px){.part2-hero-content{padding:52px 18px}.script-block header{align-items:flex-start;flex-wrap:wrap}.speaker-avatar{width:44px;height:44px}.script-block header .audio-btn{margin-left:auto}.project-meta-grid{grid-template-columns:1fr}.reading-question{padding:15px}.final-callout .project-primary-btn{min-width:0;width:100%}}