:root{--jf-green-dark:#004126;--jf-green-darkest:#003821;--jf-green:#17890f;--jf-green-light:#54a94e;--jf-bg-green:#edf8f2;--jf-purple:#573b78;--jf-pink:#d72684;--jf-blue-light:#44a2e6;--jf-bg-gray:#eee;--jf-black:#333;--jf-bg-yellow:#ffe10b;--jf-bg-purple:#e5dfeb;--jf-bg-peach:#ffddba;background:var(--jf-bg-green);color:var(--jf-black);font-synthesis:none;font-family:Roboto,Arial,sans-serif;font-size:20px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}main{max-width:1320px;margin:0 auto;padding:0 38px 52px}.brandbar{background:var(--jf-green-dark);color:#fff;align-items:center;gap:16px;margin:0 -38px 34px;padding:18px 38px;display:flex}.brandmark{letter-spacing:.1em;font-size:20px;font-weight:700}.brand-divider{background:#ffffffa6;width:2px;height:24px}.brand-title{font-size:20px;font-weight:400}.tabbar{scrollbar-width:none;border-bottom:1px solid #c6d9ce;gap:28px;min-width:0;margin-bottom:24px;display:flex;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tabbar button{color:#557066;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:4px solid #0000;flex:none;margin-bottom:-1px;padding:0 0 14px;font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:700}.tabbar button.active{border-color:var(--jf-green);color:var(--jf-green-dark)}.chart-section{border-bottom:1px solid #c6d9ce;padding:40px 0 52px}.chart-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.chart-heading>div:first-child{min-width:0}h2{color:var(--jf-green-dark);letter-spacing:0;margin:0;font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.2}.subtitle{color:#4c665b;margin:10px 0 0;font-size:20px;line-height:1.45}.filter-group{color:var(--jf-green-dark);letter-spacing:0;text-transform:none;flex:none;font-size:20px;font-weight:700}.filter-group>span{margin-bottom:8px;display:block}.segmented-control{background:#dcebe2;border-radius:999px;padding:3px;display:flex}.segmented-control button{color:#4c665b;cursor:pointer;letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:999px;padding:10px 15px;font-size:20px;font-weight:500}.segmented-control button.active{background:var(--jf-green-dark);color:#fff}.segmented-control button:focus-visible,.tabbar button:focus-visible,.comparison-toggle:focus-within{outline:3px solid var(--jf-bg-yellow);outline-offset:3px}.chart-frame{--ts-chart-1:var(--jf-green-dark);--ts-chart-2:var(--jf-purple);background:#fff;border:1px solid #c6d9ce;min-width:0;height:500px;margin-top:34px;padding:12px 26px 30px 22px;box-shadow:0 12px 28px #00412614}.chart-frame svg{overflow:visible}.chart-frame text{font-weight:500;fill:#4c665b!important;font-family:Roboto,Arial,sans-serif!important;font-size:20px!important}.chart-frame text[fill=\#573b78]{font-weight:700;fill:var(--jf-purple)!important}.chart-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.school-view{min-width:0}.school-tabs{scrollbar-width:none;border-bottom:1px solid #c6d9ce;gap:10px;min-width:0;margin:0 0 6px;padding:0 0 10px;display:flex;overflow-x:auto}.school-tabs::-webkit-scrollbar{display:none}.school-tabs button{color:#4c665b;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#dcebe2;border:0;border-radius:999px;flex:none;max-width:360px;padding:10px 15px;font-size:20px;font-weight:500;overflow:hidden}.school-tabs button.active{background:var(--jf-green-dark);color:#fff}.school-tabs button:focus-visible{outline:3px solid var(--jf-bg-yellow);outline-offset:3px}.change-chart{margin-top:42px}.change-chart-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.change-chart-heading h3{color:var(--jf-green-dark);margin:0;font-size:20px;font-weight:700;line-height:1.2}.change-chart-heading span{color:#4c665b;font-size:20px;line-height:1.3}.change-chart-frame{height:400px;margin-top:18px}.legend{color:var(--jf-green-dark);gap:20px;font-size:20px;display:flex}.legend-item{align-items:center;gap:7px;display:inline-flex}.legend i{width:26px;height:0;display:inline-block}.line-solid{border-top:5px solid var(--jf-green-dark)}.line-dashed{border-top:5px dashed var(--jf-purple)}.comparison-toggle{color:var(--jf-green-dark);cursor:pointer;align-items:center;gap:9px;font-size:20px;font-weight:650;line-height:1.3;display:flex}.hover-hint{color:#4c665b;font-size:20px;font-weight:500}.comparison-toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{pointer-events:none;background:#a8b9ae;border-radius:999px;flex:none;width:42px;height:24px;padding:3px;transition:background .2s;display:inline-flex}.toggle-track span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;transform:translate(0)}.comparison-toggle input:checked+.toggle-track{background:var(--jf-green)}.comparison-toggle input:checked+.toggle-track span{transform:translate(18px)}.comparison-toggle input:focus-visible+.toggle-track{outline:3px solid var(--jf-bg-yellow);outline-offset:2px}@media (width<=680px){main{padding:0 18px 32px}.brandbar{margin:0 -18px 24px;padding:16px 18px}.chart-heading,.chart-footer{flex-direction:column;align-items:flex-start}.filter-group{width:100%}.segmented-control{display:inline-flex}.comparison-toggle{align-items:flex-start}.chart-frame{height:380px;margin-top:25px;padding:12px 10px 30px 16px}.change-chart{margin-top:34px}.change-chart-heading{flex-direction:column;align-items:flex-start;gap:4px}.change-chart-frame{height:340px;margin-top:16px}.school-tabs{margin-bottom:0}.school-tabs button{max-width:280px}}
