:root{--project-navy:#102f57;--project-blue:#2f80ed;--project-green:#31a86b;--project-yellow:#ffd166;--project-orange:#ff914d;--project-purple:#7957d5;--project-red:#ec5b68;--project-ink:#17304f;--project-soft:#f4f9ff}
.classroom-page{background:linear-gradient(180deg,#f8fbff 0,#fff 38%,#f5fbff 100%);color:var(--project-ink)}
.classroom-content{min-width:0}.section-btn-grade{background:linear-gradient(135deg,#2f80ed,#1b75c8)!important;color:#fff!important}.project-jump a{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;border-radius:12px;text-decoration:none;font-weight:700;color:#24415f;background:#f4f8fc}.project-jump a:hover{background:#e7f1ff;color:#075db1}
.project-hero{position:relative;min-height:355px;border-radius:0 0 28px 28px;overflow:hidden;background:url('../img/classroom/hero.svg') center/cover no-repeat}.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(15,53,105,.94),rgba(20,113,188,.78),rgba(29,157,116,.58))}.project-hero-content{position:relative;z-index:1;max-width:980px;margin:auto;padding:65px 34px;text-align:center;color:#fff}.project-hero h2{font-size:clamp(2.2rem,5vw,4.9rem);line-height:1.02;font-weight:900;text-shadow:0 6px 22px rgba(0,0,0,.22)}.project-hero p{font-size:1.06rem;line-height:1.75;max-width:930px;margin:1rem auto 1.5rem}.project-badge,.section-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;background:#fff;color:#1264b5;font-weight:800;box-shadow:0 8px 20px rgba(14,51,89,.12)}.project-primary-btn{border:0;border-radius:999px;background:var(--project-yellow);color:#14345e;font-weight:900;padding:.8rem 1.35rem;box-shadow:0 10px 25px rgba(0,0,0,.17)}.project-primary-btn:hover{background:#ffe08c;color:#14345e;transform:translateY(-2px)}.audio-btn{border:0;width:46px;height:46px;border-radius:50%;display:inline-grid;place-items:center;background:var(--project-red);color:#fff;box-shadow:0 8px 18px rgba(236,91,104,.28);transition:.2s}.audio-btn:hover{transform:scale(1.07);background:#d94758}.audio-btn.mini{width:36px;height:36px;flex:0 0 auto}
.project-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-meta{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #dbe7f2;border-radius:18px;box-shadow:0 10px 24px rgba(17,55,92,.07)}.project-meta>i{font-size:2rem;color:var(--project-blue)}.project-meta div{display:grid}.project-meta span{font-size:.9rem;color:#64748b}.project-section,.station-card{border-radius:26px!important}.project-heading{font-weight:900;color:var(--project-navy)}.project-image{width:100%;height:260px;object-fit:cover;border-radius:22px;box-shadow:0 14px 28px rgba(14,48,80,.15)}.driving-question{display:flex;gap:18px;align-items:center;padding:24px;border:2px dashed #f6b829;border-radius:22px;background:linear-gradient(135deg,#fff8dd,#fff)}.driving-question h3{font-weight:900}.driving-question p{font-size:1.07rem;font-weight:700;margin:0}
.competence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.competence-card{padding:24px;border-radius:22px;color:#fff;box-shadow:0 15px 30px rgba(17,52,87,.14);transition:.2s}.competence-card:hover{transform:translateY(-5px)}.competence-card>i{font-size:2.4rem}.competence-card h3{font-weight:900;margin-top:.5rem}.competence-card ul{padding-left:1.2rem;margin:0}.competence-blue{background:linear-gradient(135deg,#2f80ed,#5aa7ff)}.competence-green{background:linear-gradient(135deg,#269a5e,#62c78d)}.competence-orange{background:linear-gradient(135deg,#ff8541,#ffad70)}.competence-purple{background:linear-gradient(135deg,#7457d9,#9b82ed)}
.stations-stack{display:grid;gap:28px}.station-card{background:#fff;overflow:hidden;box-shadow:0 17px 38px rgba(16,48,82,.1)}.station-accent{height:10px;background:linear-gradient(90deg,var(--project-blue),var(--project-yellow),#ef6aa3,var(--project-green))}.station-body{padding:30px}.station-title-row{display:flex;align-items:center;gap:15px;margin-bottom:14px}.station-number{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--project-navy);color:#fff;font-size:1.4rem;font-weight:900}.station-title-row small{font-weight:900;color:#1671c7}.station-title-row h3{font-weight:900;margin:0;color:var(--project-navy)}.task-list{display:grid;gap:10px;padding:0;list-style:none}.task-list li{padding:13px 15px 13px 44px;border:1px solid #dfeaf4;border-radius:15px;background:#f8fbff;position:relative}.task-list li:before{content:'✓';position:absolute;left:15px;top:11px;color:var(--project-green);font-weight:900}.dialogue-box{margin-top:24px;padding:20px;border:2px dashed var(--project-yellow);border-radius:18px;background:#fff9e9}.dialogue-box h4{font-weight:900;color:var(--project-navy)}.dialogue-line{display:flex;align-items:center;gap:12px;background:#fff;padding:11px 13px;border-radius:13px;margin-top:9px}.dialogue-line strong{color:var(--project-blue)}.dialogue-line span{flex:1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-grid button{display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #dce8f3;border-radius:15px;background:#fff;padding:14px;font-weight:800;color:#213d5a;transition:.2s}.feature-grid button:hover,.feature-grid button.active{border-color:var(--project-blue);background:#eef6ff;transform:translateY(-2px)}.feature-grid i{font-size:1.5rem;color:var(--project-blue)}.feature-output{display:none;margin-top:12px;padding:15px;border-left:5px solid var(--project-blue);border-radius:12px;background:#edf7ff;font-weight:700}.feature-output.show{display:block}.mini-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-card-grid>div{display:grid;gap:4px;padding:16px;border:1px solid #e0e9f2;border-radius:15px;background:linear-gradient(180deg,#fff,#f7fbff)}.mini-card-grid strong{color:var(--project-navy)}.mini-card-grid span{font-size:.9rem;color:#607287}.gallery-tags{display:flex;flex-wrap:wrap;gap:10px}.gallery-tags span{padding:.65rem .85rem;border-radius:999px;background:#eef6ff;color:#176ab5;font-weight:800;border:1px solid #cfe4f8}
.roles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.roles-grid article{padding:20px;border-radius:18px;background:#fff;border:2px solid #e0eaf3;box-shadow:0 8px 20px rgba(19,55,87,.06)}.roles-grid span{font-size:2.2rem}.roles-grid h3{font-size:1rem;font-weight:900;color:var(--project-navy);margin-top:.6rem}.roles-grid p{font-size:.88rem;margin:0;color:#64748b}.checklist{display:grid;gap:10px}.checklist label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e0e8f0;border-radius:13px;background:#fff;cursor:pointer}.checklist input{margin-top:4px;transform:scale(1.2)}.progress-panel{height:100%;padding:24px;border-radius:20px;background:linear-gradient(180deg,#f5faff,#fff);border:2px solid #dfeaf5}.progress-panel h3,.progress-panel h4{font-weight:900;color:var(--project-navy)}.progress-track{height:14px;overflow:hidden;border-radius:999px;background:#e5edf4;margin:18px 0 10px}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,var(--project-orange),var(--project-yellow),var(--project-green));transition:width .35s}.final-callout{padding:45px 24px;border-radius:26px;background:linear-gradient(135deg,#112f57,#287dc5,#2b9e6a);color:#fff}.final-callout h2{font-weight:900;margin-top:1rem}.final-callout p{max-width:850px;margin:0 auto 1.25rem}
@media(max-width:1199px){.competence-grid,.roles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.project-meta-grid{grid-template-columns:repeat(2,1fr)}.project-hero{border-radius:24px}.project-image{height:230px}}
@media(max-width:767px){.project-meta-grid,.competence-grid,.roles-grid,.feature-grid,.mini-card-grid{grid-template-columns:1fr}.project-hero-content{padding:48px 18px}.station-body{padding:20px}.dialogue-line{align-items:flex-start;flex-wrap:wrap}.dialogue-line span{flex-basis:calc(100% - 90px)}.driving-question{align-items:flex-start}.project-image{height:205px}}