.grade-analysis-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.grade-analysis-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.7fr);gap:16px;margin-top:16px}
.grade-level-mix,.campus-grade-benchmark,.grade-operation-reading,.hq-internal-composition{background:#fff;border:1px solid #dfe8e5;border-radius:14px;padding:22px}
.grade-level-mix header h3,.campus-grade-benchmark header h3,.grade-operation-reading header h3{margin:0 0 5px;font-size:18px;color:#102b32}
.grade-level-mix header p,.campus-grade-benchmark header p,.grade-operation-reading header p{margin:0;color:#71848a;font-size:13px}
.grade-mix-body{display:flex;align-items:center;justify-content:center;gap:28px;min-height:220px}
.grade-donut{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#13a57d 0 var(--elementary),#526fd8 var(--elementary) 100%);position:relative}
.grade-donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}
.grade-donut strong{z-index:1;font-size:25px;color:#102b32}.grade-donut small{font-size:12px;margin-left:2px}
.grade-mix-legend{display:grid;gap:14px}.grade-mix-legend>div{display:grid;grid-template-columns:10px 44px auto;align-items:center;gap:7px}.grade-mix-legend i{width:9px;height:9px;border-radius:50%;background:#13a57d}.grade-mix-legend i.middle{background:#526fd8}.grade-mix-legend span,.grade-mix-legend small{font-size:12px;color:#71848a}.grade-mix-legend b{font-size:15px;color:#102b32}.grade-mix-legend small{grid-column:3}
.campus-grade-benchmark>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.benchmark-legend{display:flex;gap:12px;font-size:11px;color:#71848a;white-space:nowrap}.benchmark-legend span{display:flex;align-items:center;gap:5px}.benchmark-legend i{width:16px;height:6px;border-radius:4px;background:#13a57d}.benchmark-legend span:last-child i{width:2px;height:12px;background:#ef8a62}
.grade-benchmark-list{margin-top:20px;display:grid;gap:11px}.grade-benchmark-list article{display:grid;grid-template-columns:38px minmax(140px,1fr) 55px 48px 132px;align-items:center;gap:10px;font-size:12px}.grade-benchmark-list article>b{font-size:14px}.benchmark-track{height:10px;background:#edf3f1;border-radius:10px;position:relative}.benchmark-track i{display:block;height:100%;border-radius:10px;background:#13a57d}.benchmark-track u{position:absolute;top:-4px;width:3px;height:18px;border-radius:2px;background:#ef8a62}.grade-benchmark-list strong{text-align:right}.grade-benchmark-list span{text-align:right;color:#52676d}.grade-benchmark-list small{padding:5px 8px;border-radius:6px;text-align:center;background:#f2f6f5}.grade-benchmark-list small.up{color:#087c60}.grade-benchmark-list small.down{color:#cf6855}
.grade-operation-reading{margin-top:16px}.grade-operation-reading>header{display:flex;justify-content:space-between;align-items:start}.grade-operation-reading>header>span{font-size:12px;color:#087c60;background:#e8f6f1;padding:7px 10px;border-radius:7px}.operation-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.operation-reading-grid article{display:flex;gap:12px;padding:16px;border:1px solid #e5ecea;border-radius:11px;background:#fbfdfc}.operation-reading-grid article>i{font-style:normal;color:#13a57d;font-size:11px;font-weight:800}.operation-reading-grid span{display:block;color:#71848a;font-size:11px;margin-bottom:5px}.operation-reading-grid b{font-size:14px;color:#102b32}.operation-reading-grid p{margin:7px 0 0;color:#64787e;font-size:12px;line-height:1.55}.school-origin-next{margin-top:16px}
.hq-internal-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.hq-internal-comparison article{padding:17px;border:1px solid #e2ebe8;border-radius:11px;background:#fbfdfc}.hq-internal-comparison article>strong{display:block;font-size:15px;color:#102b32;margin-bottom:13px}.hq-internal-comparison article>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #edf2f0}.hq-internal-comparison span{font-size:11px;color:#71848a}.hq-internal-comparison b{font-size:12px;color:#17343b;text-align:right}
@media(max-width:1100px){.grade-analysis-layout{grid-template-columns:1fr}.hq-internal-comparison{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.grade-analysis-kpis,.operation-reading-grid,.hq-internal-comparison{grid-template-columns:1fr}.grade-benchmark-list article{grid-template-columns:34px 1fr 48px}.grade-benchmark-list article span,.grade-benchmark-list article small{display:none}.grade-mix-body{flex-direction:column}.campus-grade-benchmark>header{display:block}.benchmark-legend{margin-top:12px}}
.campus-tab-competition .competition-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.campus-academy-map{margin-top:16px;background:#fff;border:1px solid #dfe8e5;border-radius:14px;overflow:hidden}.campus-academy-map>header{display:flex;justify-content:space-between;align-items:start;padding:20px 22px;border-bottom:1px solid #e6ecea}.campus-academy-map h3,.academy-reference-list h3{margin:0 0 5px;font-size:18px;color:#102b32}.campus-academy-map p,.academy-reference-list header p{margin:0;color:#71848a;font-size:13px}.campus-academy-map>header>span,.academy-reference-list>header>span{color:#087c60;font-size:12px;font-weight:700}.campus-academy-map svg{display:block;width:100%;height:410px;background:#f7fbfa}.academy-map-blocks path{fill:#eef4f2;stroke:#e1eae7;stroke-width:2}.academy-map-roads path{fill:none;stroke:#fff;stroke-width:18}.academy-map-roads .minor{stroke-width:8}.academy-radius{fill:none;stroke:#b8d8d0;stroke-width:1.3;stroke-dasharray:5 6}.academy-radius.selected{fill:rgba(19,165,125,.035);stroke:#13a57d;stroke-width:2.3}.academy-radius-label{fill:#7b9c94;font-size:10px}.academy-map-mark{cursor:pointer}.academy-map-mark>circle{fill:#f49a38;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 3px rgba(18,49,43,.22))}.academy-map-mark>text{fill:#fff;font-size:9px;font-weight:800;text-anchor:middle;dominant-baseline:middle}.academy-map-label{opacity:0;pointer-events:none;transition:.15s}.academy-map-mark:hover .academy-map-label{opacity:1}.academy-map-label rect{fill:#183f47;stroke:#fff;stroke-width:1}.academy-map-label text{fill:#fff;font-size:10px;text-anchor:middle;dominant-baseline:middle}.academy-campus-mark path{fill:#526fd8;stroke:#fff;stroke-width:3;filter:drop-shadow(0 3px 4px rgba(20,43,58,.24))}.academy-campus-mark>text{fill:#fff;font-size:10px;font-weight:800;text-anchor:middle;dominant-baseline:middle}.academy-campus-mark g rect{fill:#fff;stroke:#526fd8;stroke-width:1.5}.academy-campus-mark g text{fill:#223841;font-size:10px;font-weight:700;dominant-baseline:middle}.academy-map-legend{display:flex;align-items:center;gap:18px;padding:12px 20px;border-top:1px solid #e6ecea;font-size:11px;color:#536b70}.academy-map-legend span{display:flex;align-items:center;gap:6px}.academy-map-legend i{display:grid;place-items:center;width:15px;height:15px;font-style:normal}.academy-map-legend i.campus{background:#526fd8;transform:rotate(45deg);width:11px;height:11px}.academy-map-legend i.academy{border-radius:50%;background:#f49a38;color:#fff;font-size:8px}.academy-map-legend small{margin-left:auto;color:#819398}
.campus-tab-schools .custom-campus-mark path{fill:#526fd8}.campus-tab-schools .custom-map-legend i.campus{background:#526fd8}
.campus-tab-schools .custom-radius-ring{fill:none;stroke:#b8d8d0;stroke-width:1.3}.campus-tab-schools .custom-radius-ring.selected{fill:rgba(19,165,125,.035);stroke:#13a57d;stroke-width:2.3}.campus-tab-schools .custom-radius-label{fill:#7b9c94;font-size:10px}
.academy-reference-list{margin-top:16px;background:#fff;border:1px solid #dfe8e5;border-radius:14px;overflow:hidden}.academy-reference-list>header{display:flex;justify-content:space-between;align-items:start;padding:20px 22px}.academy-reference-head,.academy-reference-row{display:grid;grid-template-columns:minmax(240px,1.4fr) 90px 140px minmax(180px,1fr);gap:15px;align-items:center}.academy-reference-head{padding:11px 22px;background:#f1f6f4;color:#71848a;font-size:11px}.academy-reference-row{padding:15px 22px;border-top:1px solid #e8eeec;cursor:pointer;transition:.15s}.academy-reference-row:hover,.academy-reference-row.open{background:#f6fbf9}.academy-reference-row strong{display:block;font-size:14px;color:#102b32}.academy-reference-row small{display:block;margin-top:4px;color:#819398;font-size:11px}.academy-reference-row>b,.academy-reference-row>span{font-size:12px;color:#405b62}.academy-reference-row>span:last-child{display:flex;align-items:center;justify-content:space-between}.academy-reference-row i{font-style:normal;color:#13a57d}.academy-reference-detail{padding:0 22px 20px;background:#f6fbf9;border-top:1px solid #e4ece9}.academy-official-detail{padding:18px;background:#fff;border:1px solid #dfe8e5;border-radius:11px}.academy-official-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.academy-official-facts>div{padding:12px;background:#f3f7f6;border-radius:8px}.academy-official-detail span{display:block;color:#71848a;font-size:10px}.academy-official-detail b{display:block;margin-top:5px;color:#17343b;font-size:13px}.academy-official-detail small{display:block;margin-top:4px;color:#8a9a9e;font-size:10px}.academy-official-detail section{margin-top:15px}.academy-official-detail h4{margin:0 0 7px;font-size:12px;color:#405b62}.academy-official-detail section p{margin:0;font-size:12px;line-height:1.6;color:#52676d}.academy-fee-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.academy-fee-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #e4ece9;border-radius:7px}.academy-fee-list b{margin:0;white-space:nowrap}.academy-map-link{display:inline-block;margin-top:16px;color:#087c60;font-size:12px;font-weight:700;text-decoration:none}.academy-detail-caution{margin:13px 0 0;padding-top:12px;border-top:1px solid #edf2f0;color:#87979b;font-size:10px}
@media(max-width:900px){.campus-tab-competition .competition-kpis{grid-template-columns:repeat(2,1fr)}.academy-reference-head{display:none}.academy-reference-row{grid-template-columns:1fr 70px}.academy-reference-row>span{grid-column:1/-1}.academy-official-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.campus-tab-competition .competition-kpis,.academy-official-facts,.academy-fee-list{grid-template-columns:1fr}.campus-academy-map svg{height:330px}.academy-map-legend{flex-wrap:wrap}.academy-map-legend small{width:100%;margin-left:0}}