.school-data-visuals{margin:0 0 34px;padding:25px;border:1px solid #dceaf4;border-radius:22px;background:#f5faff}
.school-data-heading span,.school-data-panel-head>div>span{color:#008bc2;font-size:10px;font-weight:900;letter-spacing:.18em}
.school-data-heading h2{margin:5px 0 20px;font-size:24px}
.school-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.school-data-panel{min-width:0;padding:20px;border:1px solid #dce8f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(11,59,106,.05)}
.school-data-panel.wide{grid-column:1/-1}
.school-data-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
.school-data-panel-head h3{margin:5px 0 4px;color:#0b3b6a;font-size:19px}
.school-data-panel-head p{max-width:620px;margin:0;color:#6f8296;font-size:13px;line-height:1.65}
.chart-view-switch{display:inline-flex;flex:none;padding:3px;border:1px solid #dce8f2;border-radius:12px;background:#f4f8fb}
.chart-view-switch button{min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#75879a;font:800 12px/1 inherit;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.chart-view-switch button.active{background:#fff;color:#008bc2;box-shadow:0 3px 10px rgba(11,59,106,.1)}
.chart-view-switch button:focus-visible{outline:2px solid #00aeef;outline-offset:2px}
.school-chart-pane[hidden]{display:none}
.school-chart{width:100%;height:360px;min-height:300px;border-top:1px solid #edf3f7}
.composition-chart{height:300px;min-height:300px}
.composition-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:16px;border-top:1px solid #edf3f7}
.composition-summary section{min-width:0;padding:14px 16px;border:1px solid #e1ebf3;border-radius:15px;background:#f8fbfe}
.composition-summary h4{margin:0 0 10px;color:#0b3b6a;font-size:13px}
.composition-summary ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:0;padding:0;list-style:none}
.composition-summary li{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:7px 8px;border-radius:10px;color:#52677d;font-size:11px}
.composition-summary li[data-composition-cohort]{cursor:pointer;transition:background .2s ease,color .2s ease}
.composition-summary li[data-composition-cohort]:hover,.composition-summary li[data-composition-cohort].active{background:#e8f7fd;color:#0b3b6a}
.composition-summary li[data-composition-cohort]:focus-visible{outline:2px solid #00aeef;outline-offset:2px}
.composition-summary li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.composition-summary li i{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:#00aeef}
.composition-summary li:nth-child(2) i{background:#0b3b6a}.composition-summary li:nth-child(3) i{background:#f59e0b}.composition-summary li:nth-child(4) i{background:#14b8a6}.composition-summary li:nth-child(5) i{background:#ef5b78}.composition-summary li:nth-child(6) i{background:#7c78e8}
.composition-summary li strong{color:#173f64;font-size:11px;white-space:nowrap}
.composition-summary li small{grid-column:2;color:#8494a6;font-size:10px;text-align:right}
.chart-unavailable{display:grid;height:100%;place-items:center;margin:0;color:#7a8ca0;font-size:14px;text-align:center}
.data-table-scroll{max-height:430px;overflow:auto;border:1px solid #dce6ef;border-radius:14px;background:#fff}
.school-data-panel .data-table{display:table;width:100%;max-width:none;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px}
.data-table th,.data-table td{min-width:0;padding:12px 14px;border:0;border-bottom:1px solid #edf2f6;text-align:left}
.data-table th{position:sticky;z-index:2;top:0;background:#f2f7fb;color:#5f7187;font-size:11px;white-space:nowrap}
.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:nth-child(even) td{background:#fbfdff}
.data-bar-row{display:grid;grid-template-columns:minmax(86px,.7fr) 1fr auto;align-items:center;gap:10px;margin-top:11px;color:#526176;font-size:12px}
.data-bar-row i{height:8px;overflow:hidden;border-radius:99px;background:#e7eff5}.data-bar-row b{display:block;height:100%;border-radius:inherit;background:#00aeef}.data-bar-row strong{color:#0b3b6a}
.score-range-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}.score-range-list div{padding:13px 14px;border:1px solid #dce8f2;border-radius:14px;background:#f7fbff}.score-range-list dt{color:#698096;font-size:12px;font-weight:800}.score-range-list dd{margin:4px 0 0;color:#0b3b6a;font-size:17px;font-weight:900}
.school-data-panel details{margin-top:12px;padding-top:10px;border-top:1px solid #edf2f6}.school-data-panel summary{min-height:36px;color:#0b3b6a;font-size:12px;font-weight:900;cursor:pointer}
.detail-section-panel-content>.school-data-panel{margin:0 0 22px}.detail-section-panel-content>.school-data-panel+*{margin-top:0}
@media(max-width:680px){.school-data-visuals{padding:16px 12px}.school-data-grid{grid-template-columns:1fr}.school-data-panel{grid-column:1!important;padding:14px}.school-data-heading h2{font-size:21px}.school-data-panel-head{display:block}.chart-view-switch{margin-top:12px}.chart-view-switch button{min-height:40px;padding:0 16px}.school-chart{height:320px;min-height:280px}.composition-chart{height:520px;min-height:520px}.composition-summary{grid-template-columns:1fr;gap:10px}.composition-summary section{padding:12px}.composition-summary ul{grid-template-columns:1fr 1fr}.data-table-scroll{max-height:360px}.school-data-panel .data-table{min-width:520px;font-size:11px}.data-table th,.data-table td{padding:10px}.score-range-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.chart-view-switch button{transition:none}}