.complete-class{background:#0f2943;color:#f8f3e7;padding:96px max(6vw,32px);scroll-margin-top:100px}.class-intro{max-width:1500px;margin:0 auto 42px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}.class-intro .eyebrow{color:#e8bd62}.class-intro h2{font-family:"Libre Caslon Display",serif;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1;margin:10px 0}.class-intro>p{color:#cbd7df;font-size:19px;line-height:1.7;margin:0}.class-shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:340px 1fr;background:#f8f4ea;color:#102a43;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px #06172780}.class-route{background:#e7d9b8;padding:38px 30px}.class-label,.class-heading span,.class-route small{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.class-route h3{font-family:"Libre Caslon Display",serif;font-size:34px;font-weight:400;line-height:1.1;margin:14px 0 28px}.class-route ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}.class-route li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:15px 12px;border-radius:14px;color:#536270}.class-route li.active{background:#102a43;color:white}.class-route li b{font-size:12px}.class-route li strong{display:block;font-size:14px}.class-route li small{display:block;margin-top:4px;opacity:.7;text-transform:none;letter-spacing:0}.class-route li i{font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.class-route>p{font-size:13px;line-height:1.6;color:#5a6265;margin:28px 4px 0}.class-content{padding:44px}.class-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.class-heading h3{font-family:"Libre Caslon Display",serif;font-weight:400;font-size:46px;margin:7px 0}.class-heading p{max-width:750px;line-height:1.6;color:#536270}.complete-badge{background:#d9ead7;color:#285632;padding:10px 14px;border-radius:100px;white-space:nowrap;font-weight:700}.full-audio{margin:30px 0;display:grid;grid-template-columns:auto 1fr minmax(280px,440px);gap:18px;align-items:center;background:#102a43;color:white;border-radius:18px;padding:20px}.audio-mark{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:#e8bd62;color:#102a43}.full-audio strong,.full-audio small{display:block}.full-audio small{color:#bdcbd6;margin-top:5px}.full-audio audio{width:100%;height:42px}.class-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.class-columns>section{border:1px solid #ddd4c4;border-radius:20px;padding:26px;background:white}.view-tag{display:inline-block;border-radius:100px;padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.view-tag.student{background:#e8f0d8;color:#3f5c28}.view-tag.teacher{background:#dbe9f2;color:#244f69}.class-columns h4{font-family:"Libre Caslon Display",serif;font-size:30px;font-weight:400;margin:16px 0 20px}.learning-block{border-top:1px solid #e9e2d7;padding:17px 0}.learning-block>b{display:block;margin-bottom:10px}.word-list{display:flex;flex-wrap:wrap;gap:7px}.word-list span{background:#f1ece2;padding:7px 10px;border-radius:100px;font-size:13px}.learning-block ol{padding-left:20px;margin:0;display:grid;gap:9px;line-height:1.45}.activity-block{background:#f8f1df;border:0;border-radius:14px;padding:17px;margin-top:10px}.activity-block p{margin:7px 0 0;line-height:1.55}.teacher-plan{display:grid;gap:9px}.teacher-plan div{display:grid;grid-template-columns:120px 1fr;gap:10px;border-bottom:1px solid #e9e2d7;padding:0 0 10px}.teacher-plan p{margin:0;color:#536270;line-height:1.45}.teacher-note-full{background:#e9f0f3;border-radius:14px;padding:17px;margin-top:18px}.teacher-note-full p{margin:7px 0 0;line-height:1.5}.class-finish{margin-top:22px;background:#e8bd62;border-radius:18px;padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.class-finish span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.class-finish strong{font-family:"Libre Caslon Display",serif;font-size:25px}.class-finish p{margin:4px 0 0}.class-finish button{border:0;border-radius:100px;background:#102a43;color:white;padding:15px 20px;font-weight:700;cursor:pointer}.class-finish button:hover{background:#173b5f}@media(max-width:980px){.class-intro,.class-shell,.class-columns{grid-template-columns:1fr}.class-route{padding:28px}.class-route ol{grid-template-columns:1fr 1fr}.full-audio{grid-template-columns:auto 1fr}.full-audio audio{grid-column:1/-1}.class-content{padding:28px}.class-heading{display:block}.complete-badge{display:inline-block;margin-top:12px}.class-finish{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.complete-class{padding:68px 18px}.class-intro{gap:20px}.class-route ol{grid-template-columns:1fr}.class-content{padding:20px}.class-heading h3{font-size:36px}.teacher-plan div{grid-template-columns:1fr}.class-finish button{width:100%}}