.academyPathTabs,.s21ChartTabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.academyPathTabs button,.s21ChartTabs button{min-height:44px;padding:12px 20px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--white);font-weight:800}
.academyPathTabs button[aria-pressed=true],.s21ChartTabs button[aria-pressed=true]{border-color:var(--hot);background:var(--panel2);color:var(--hot)}
#spanishAcademyPath .academySkills{margin:14px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#spanishAcademyPath .skillCard{padding:18px;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
#spanishAcademyPath .skillCard h3{min-height:44px;line-height:1.5}
#spanishAcademyPath button{min-height:44px;padding:10px 16px}
#spanishAcademyPath .certReqs progress{width:100%;height:5px;accent-color:var(--hot);margin-top:8px}
#spanishAcademyPath .academyGrid{margin-top:16px}#spanishAcademyPath p{line-height:1.65}
#spanishView .s21Head{grid-template-columns:minmax(140px,1fr) minmax(140px,2fr) auto;gap:16px}
#spanishView .s21Head .xpBlock{display:grid;gap:6px}#spanishView .s21Head progress{width:100%;height:8px}#spanishView .s21Head span{font-size:12px}
#spanishView .s21Nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#spanishView .s21Nav button{min-height:44px;padding:10px 16px}
@media(min-width:900px){#spanishView .s21Workspace{grid-template-columns:minmax(0,1.7fr) minmax(320px,.7fr);gap:14px}#spanishView .s21Hud{gap:12px}#spanishView .s21Hud>div{padding:22px 8px}#spanishView .s21Hud b{font-size:20px}#spanishView .s21Coach{min-height:164px}}
@media(max-width:700px){#spanishAcademyPath .academySkills{grid-template-columns:1fr}#spanishView .s21Head{grid-template-columns:1fr auto!important}#spanishView .s21Head .xpBlock{grid-column:1 / -1;grid-row:2}.academyPathTabs button{flex:1;padding:12px 8px}}

#blackjackAcademyPath,#spanishAcademyPath{display:grid;gap:14px}#blackjackAcademyPath[hidden],#spanishAcademyPath[hidden]{display:none!important}
#spanishAcademyPath .academySkills{grid-template-columns:1fr 1fr}#spanishAcademyPath .skillCard{grid-template-columns:36px minmax(0,1fr) auto}
#spanishAcademyPath .skillBody strong{font-size:14px;line-height:1.5}#spanishAcademyPath .skillBody small{font-size:9px;line-height:1.5}
#spanishAcademyPath button{background:var(--panel2);color:var(--white);border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:800}
#spanishAcademyPath button:disabled{opacity:.5;cursor:not-allowed}#spanishAcademyPath button:hover:not(:disabled){border-color:var(--hot)}
#spanishAcademyPath .academyHero{padding:18px;border:1px solid var(--line);border-radius:12px}
#spanishView .s21Head .xpBlock{width:100%;max-width:none}#spanishView .s21Head progress{max-width:none}
@media(max-width:700px){#spanishAcademyPath .academySkills{grid-template-columns:1fr}#spanishAcademyPath .skillBody strong{font-size:12px}}