
body.jcsc{background:radial-gradient(circle at 90% 0,rgba(88,126,177,.08),transparent 34rem),radial-gradient(circle at 8% 20%,rgba(226,173,82,.07),transparent 30rem),var(--bg)}
.jcsc .pd-eyebrow{color:#e6b75d}.jcsc .school-blue{color:#8fb9e8}.jcsc .school-gold{color:var(--gold)}
.school-number{font:900 clamp(42px,6vw,82px)/.9 var(--serif);letter-spacing:-.05em;color:#f3e6ca}.school-number small{font:800 12px var(--mono);display:block;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:10px}
.school-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.school-kpi{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.school-kpi b{font:900 28px var(--serif);display:block}.school-kpi span{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.school-note{padding:18px 20px;border-left:3px solid #8fb9e8;background:linear-gradient(90deg,rgba(143,185,232,.08),transparent);color:var(--muted);line-height:1.65}.school-note strong{color:#fff}
.school-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}.school-table{width:100%;border-collapse:collapse;min-width:780px}.school-table th,.school-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.school-table th{position:sticky;top:0;background:#0b1016;color:var(--gold);font:800 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.school-table td{font-size:13px;color:var(--muted)}.school-table td.money{text-align:right;font-variant-numeric:tabular-nums}.school-table td strong{color:#fff}
.school-bars{display:grid;gap:9px}.school-bar{display:grid;grid-template-columns:minmax(140px,240px) 1fr 90px;gap:10px;align-items:center}.school-bar span{font-size:12px;color:var(--muted)}.school-track{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.school-fill{height:100%;width:var(--w);background:linear-gradient(90deg,#789fc9,var(--gold));border-radius:inherit}.school-bar b{text-align:right;font:800 11px var(--mono)}
.school-source{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.school-source:last-child{border-bottom:0}.school-source small{display:block;color:var(--gold);font:800 10px var(--mono);letter-spacing:.1em}.school-source b{font:800 18px var(--serif)}.school-source p{margin:4px 0 0;color:var(--muted);font-size:12px}.school-source>a{font:800 10px var(--mono);color:var(--gold);white-space:nowrap}
.school-tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font:800 9px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.school-tag.warn{border-color:rgba(195,76,61,.35);color:#e98e80}.school-tag.good{border-color:rgba(105,161,119,.35);color:#9ec6a7}
/* compensation explorer */
.pay-tools{display:grid;grid-template-columns:150px minmax(240px,1fr) minmax(190px,260px);gap:10px}.pay-tools input,.pay-tools select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#0b1016;color:#fff;padding:10px 12px}.pay-name{appearance:none;border:0;background:none;padding:0;color:#f0dfb9;font:inherit;font-weight:800;cursor:pointer;border-bottom:1px dashed rgba(226,173,82,.7);text-align:left}.pay-name:hover{color:#ffd493}.annual-svg{width:100%;height:auto;display:block;min-height:250px}.pay-modal[hidden]{display:none}.pay-modal{position:fixed;inset:0;z-index:9999;background:rgba(3,5,8,.88);backdrop-filter:blur(9px);padding:22px;overflow:auto}.pay-dialog{width:min(1180px,100%);margin:18px auto 60px;background:linear-gradient(145deg,#11161b,#090c10);border:1px solid #414851;box-shadow:0 28px 90px rgba(0,0,0,.64);position:relative}.pay-close{position:sticky;top:8px;float:right;z-index:5;margin:14px 14px 0 0;width:44px;height:44px;border-radius:50%;border:1px solid #4a515b;background:#0b0f14;color:#f4e7cb;font-size:1.5rem;cursor:pointer}.pay-head{padding:34px 34px 22px;border-bottom:1px solid #30363e}.pay-head h2{font:900 clamp(2.2rem,5vw,4.8rem)/.92 var(--serif);letter-spacing:-.045em;margin:8px 60px 8px 0}.pay-meta{color:var(--muted);font-size:.82rem;line-height:1.55}.pay-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px 34px 8px}.pay-stat{border:1px solid #30363e;background:#0b0f14;padding:15px;min-height:108px}.pay-stat b{display:block;font:900 clamp(1.2rem,2.2vw,2rem)/1 var(--serif);color:#f0dfb9}.pay-stat span{display:block;margin-top:7px;font-size:.7rem;line-height:1.4;color:#938d83;text-transform:uppercase;letter-spacing:.06em}.pay-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 34px}.pay-chart{border:1px solid #30363e;background:#0b0f14;padding:18px}.pay-chart.wide{grid-column:1/-1}.pay-chart h3{font:900 1.25rem var(--serif);margin:0 0 5px}.pay-chart p{margin:0 0 12px;color:#8f897f;font-size:.73rem}.pay-svg{display:block;width:100%;height:auto;min-height:230px}.pay-history{padding:8px 34px 32px}.pay-history-table{overflow:auto;border:1px solid #30363e;max-height:430px}.pay-history-table table{min-width:860px;width:100%;border-collapse:collapse}.pay-history-table th,.pay-history-table td{padding:10px 12px;border-bottom:1px solid #20262d;text-align:left;font-size:.78rem}.pay-history-table th{position:sticky;top:0;background:#11161b;color:#c8bfae;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.pay-history-table .money{text-align:right;font-variant-numeric:tabular-nums}.annual-total{font-weight:900;color:#ffd08a}
@media(max-width:1050px){.school-grid{grid-template-columns:repeat(2,1fr)}.pay-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.school-grid{grid-template-columns:1fr}.school-bar{grid-template-columns:110px 1fr 70px}.pay-tools{grid-template-columns:1fr}.pay-chart-grid{grid-template-columns:1fr}.pay-chart.wide{grid-column:auto}.pay-modal{padding:0}.pay-head,.pay-stats,.pay-chart-grid,.pay-history{padding-left:16px;padding-right:16px}}
