/* Keep Edisca's teal identity; give the new learning areas a quiet accent. */
.course-picker-top{flex-wrap:wrap;gap:18px}
.course-tabs{flex-wrap:wrap;max-width:100%}
.course-tabs button{min-height:44px;padding:11px 16px}
.academic-subjects{display:flex;flex-wrap:wrap;gap:8px}
.academic-subjects span{font-size:13px;font-weight:800;color:#4e6861;background:#f0f6f3;padding:7px 12px;border-radius:8px}
.academic-subjects .academic-level{margin-left:auto;background:#fff4da;color:#806020}
.academic-hero{--accent:#385b9c;--soft:#e8effd;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);align-items:center;gap:28px;padding:34px;border:1px solid #d9e3f3;border-radius:22px;background:#eef3fc;overflow:hidden}
.academic-hero.science{--accent:#407055;--soft:#dfefe2;background:#edf7ee;border-color:#d7e9d9}
.academic-hero .eyebrow{color:var(--accent)}
.academic-hero h1{max-width:470px;font-size:clamp(27px,3.2vw,38px);line-height:1.2;margin:14px 0}
.academic-hero p{color:#526875;max-width:470px;margin:0 0 18px}
.academic-hero-meta{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:12px;font-weight:800;color:#536c7a;margin:20px 0 24px}
.academic-hero-meta span+span:before{content:'·';margin-right:14px;color:#6e8591}
.academic-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;color:var(--accent)}
.academic-symbol{font-size:65px;font-weight:900;background:white;border:1px solid #ffffff;border-bottom-width:5px;border-radius:26px;box-shadow:0 10px 25px #3557780a;padding:15px 28px;transform:rotate(-9deg);line-height:1.5}
.academic-mini-symbol{position:absolute;right:0;top:5px;font-size:31px;font-weight:900;border:6px solid #ffffffb8;border-radius:19px;background:var(--soft);padding:9px 15px;transform:rotate(10deg)}
.academic-formula{position:relative;background:white;border:1px solid #dce5ec;padding:12px 17px;border-radius:12px;font-size:15px;font-weight:700;margin-top:-4px;white-space:nowrap}
.academic-formula b{color:#078f7b}
.academic-progress{display:flex;align-items:center;gap:24px;margin:18px 0 30px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:13px}
.academic-progress>div{flex:1;min-width:0;font-size:14px}
.academic-progress strong,.academic-progress span{display:block}
.academic-progress span{font-size:12px;color:#6b8076;margin-top:4px}
.academic-progress progress{width:35%;flex-shrink:0}
.academic-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.academic-card{padding:22px;transition:border-color .15s,transform .15s}
.academic-card:hover{transform:translateY(-3px)}
.academic-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}
.academic-card-top .unit-tag{margin:0;font-size:24px;background:#eaf0fc;color:#4669a1;min-width:48px;height:48px}
.science .academic-card-top .unit-tag{background:#e7f3e8;color:#3d7650}
.academic-step{font-size:11px;font-weight:800;letter-spacing:1px;color:#6e817a;white-space:nowrap}
.academic-card .eyebrow{font-size:10px;letter-spacing:1.3px}
.academic-card h3{font-size:20px;line-height:1.35;margin:9px 0 0}
.academic-card p{font-size:13px;margin:10px 0 15px;color:#627970}
.academic-card-meta{font-size:12px;color:#627970;margin-top:auto}
.academic-card .lesson-card-bottom{font-size:12px;width:100%;border-top:1px solid #edf1ee;margin-top:16px;padding-top:14px;line-height:1.6}
.academic-lesson-summary{color:#567267;line-height:1.7}
.academic-notes{display:grid;gap:18px;margin:24px 0}
.academic-notes article{position:relative;padding:22px;border:1px solid #dce5ef;border-radius:15px;background:#fafcff}
.academic-notes.science article{background:#f8fcf8;border-color:#dce8dd}
.academic-notes h3{padding-left:37px;min-height:29px;font-size:18px;line-height:1.5}
.academic-note-number{position:absolute;left:22px;top:22px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e5ecfa;color:#3e6199;font-size:13px;font-weight:900}
.science .academic-note-number{background:#e2f0e4;color:#3f754e}
.academic-notes article>p{font-size:15px;color:#48665b;margin-bottom:18px}
.academic-example{padding:14px 16px;background:#fff;border:1px solid #e2e9ee;border-radius:10px}
.academic-example>span{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#517f72}
.academic-example>p{margin:6px 0 0;font-size:16px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.completed-step .path-number{background:#e0f2e6;color:#26733f}
@media(max-width:1100px){.academic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .course-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%}
 .course-tabs button{padding:11px 5px;font-size:13px;min-width:0;white-space:nowrap}
 .academic-hero{padding:23px;grid-template-columns:minmax(0,1fr);gap:12px}
 .academic-hero h1{font-size:30px}
 .academic-hero p{font-size:14px}
 .academic-visual{min-height:150px;max-width:240px;width:100%;justify-self:center}
 .academic-symbol{font-size:44px;padding:8px 25px;border-radius:18px}
 .academic-mini-symbol{top:3px;font-size:22px;padding:5px 10px;border-width:4px}
 .academic-formula{font-size:13px;padding:10px 14px}
 .academic-hero .primary{width:100%;padding:13px 16px}
 .academic-hero-meta{font-size:11px;gap:7px 10px;margin:18px 0}
 .academic-hero-meta span+span:before{margin-right:10px}
 .academic-progress{margin-bottom:24px;padding:16px;gap:16px}
 .academic-progress strong{font-size:13px}
 .academic-progress progress{width:27%}
 .academic-cards{grid-template-columns:minmax(0,1fr)}
 .academic-card{padding:20px}
 .academic-card-top{margin-bottom:14px}
 .academic-card h3{font-size:21px}
 .academic-card p{font-size:14px}
 .academic-subjects span{font-size:12px;padding:6px 10px}
 .academic-subjects .academic-level{margin-left:0}
 .academic-notes article{padding:18px}
 .academic-note-number{left:18px;top:18px}
 .academic-notes h3{font-size:17px}
 .academic-example{padding:12px}
 .academic-example>p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.academic-card{transition:none}.academic-card:hover{transform:none}}
@media(max-width:380px){.course-tabs button{font-size:12px;padding:11px 2px}}