.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;}
.subject-card{background:#fff;border-radius:var(--radius-lg);padding:20px 16px;text-align:center;border:1px solid var(--grey-mid);transition:all .3s;}
.subject-card:hover{border-color:var(--sky);box-shadow:var(--shadow);transform:translateY(-3px);}
.subject-icon{font-size:32px;margin-bottom:10px;}
.subject-name{font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;color:var(--text);margin-bottom:4px;}
.subject-class{font-size:12px;color:var(--text-light);}
.stream-tabs{display:flex;gap:4px;background:var(--grey);padding:6px;border-radius:14px;margin-bottom:28px;width:fit-content;}
.stream-tab{padding:10px 22px;border-radius:10px;border:none;font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;cursor:pointer;transition:all .25s;color:var(--text-mid);background:none;white-space:nowrap;}
.stream-tab.active{background:#fff;color:var(--sky);box-shadow:var(--shadow-sm);}
.stream-panel{display:none;}
.stream-panel.active{display:block;}
.tt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--grey-mid);}
.tt-header{background:var(--sky);color:#fff;padding:12px 8px;text-align:center;font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;}
.tt-cell{background:#fff;padding:12px 8px;text-align:center;font-size:13px;color:var(--text-mid);border-bottom:1px solid var(--grey-mid);}
.tt-cell:nth-child(even){background:var(--sky-pale);}
@media(max-width:900px){.subject-grid{grid-template-columns:repeat(2,1fr);}
.tt-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:600px){.subject-grid{grid-template-columns:repeat(2,1fr);}.stream-tabs{flex-wrap:wrap;}}