.student-roster{background:#fff;border:1px solid #d8ded8;border-radius:18px;margin-bottom:22px;padding:24px}.roster-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.roster-heading small{letter-spacing:1.5px;color:#9a6e08;font-size:10px;font-weight:900}.roster-heading h2{margin:6px 0 15px;font:28px Georgia,serif}.roster-heading button{color:#fff;background:#0d4939;border:0;border-radius:9px;padding:11px 14px;font-weight:800}.roster-labels,.student-row{grid-template-columns:1.4fr repeat(5,.7fr) .55fr;align-items:center;gap:12px;display:grid}.roster-labels{color:#78867f;text-transform:uppercase;border-bottom:1px solid #e2e6e3;padding:9px 12px;font-size:9px;font-weight:900}.student-row{border-bottom:1px solid #edf0ed;padding:14px 12px}.student-row:last-child{border-bottom:0}.student-row span b,.student-row span small{display:block}.student-row span small{color:#718078;margin-top:4px;font-size:10px}.student-row>a{color:#0d4939;font-weight:900;text-decoration:none}.parent-chart{margin:22px 0}.chart-head{justify-content:space-between;gap:20px;display:flex}.chart-head small{letter-spacing:1.3px;color:#9a6e08;font-size:10px;font-weight:900}.chart-head>span h2{margin-bottom:0}.chart-head>b{text-align:right;font:28px Georgia,serif}.chart-head>b small{letter-spacing:1px;margin-top:4px;font:9px Arial,sans-serif;display:block}.bar-chart{background:linear-gradient(#e8eee9 1px,#0000 1px) 0 0/100% 50px;border-bottom:1px solid #bcc8c2;align-items:flex-end;gap:clamp(14px,5vw,55px);height:205px;margin-top:10px;padding:20px 8% 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:180px;display:flex;position:relative}.bar-column i{background:linear-gradient(#dfb13d,#0d4939);border-radius:8px 8px 0 0;width:min(62px,80%);min-height:10px;display:block}.bar-column>b{margin-top:8px;font-size:11px}.bar-value{margin-bottom:5px;font-size:10px;font-weight:900}.chart-legend{color:#667871;justify-content:space-between;gap:15px;margin-top:14px;font-size:10px;display:flex}.chart-legend span i{background:#0d4939;border-radius:2px;width:9px;height:9px;display:inline-block}.chart-legend>b{color:#8a6200}@media (width<=850px){.roster-labels{display:none}.student-row{grid-template-columns:1.3fr 1fr 1fr}.student-row span:nth-child(5),.student-row span:nth-child(6){display:none}.chart-head,.chart-legend{display:block}.chart-head>b{text-align:left;margin-top:10px;display:block}}