.benchmarking-container{--primary:#2563eb;--primary-glow:#2563eb1a;--accent:#e11d48;--bg:#f8fafc;--card-bg:#fff;--card-border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;background:var(--bg);color:var(--text-main);min-height:100vh;padding:6rem 1rem 1rem;font-family:Inter,sans-serif}@media (min-width:768px){.benchmarking-container{padding:8rem 2rem 2rem}}.hero-section{text-align:center;max-width:1200px;margin:2rem auto 3rem}.hero-title{color:var(--text-main);letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.1}@media (min-width:768px){.hero-title{font-size:3.5rem}.hero-section{margin:0 auto 4rem}}.hero-subtitle{color:var(--text-muted);max-width:700px;margin:0 auto;padding:0 1rem;font-size:1rem}@media (min-width:768px){.hero-subtitle{font-size:1.25rem}}.controls-section-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.25rem;max-width:1200px;margin:0 auto 2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.ranking-grid{gap:1rem;max-width:1200px;margin:0 auto;display:grid}.ranking-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.25rem;flex-direction:column;gap:1.5rem;padding:1.25rem;transition:all .2s;display:flex;position:relative}@media (min-width:768px){.ranking-card{flex-direction:row;align-items:center;gap:2rem}}.ranking-card:hover{border-color:var(--primary);box-shadow:0 10px 20px #2563eb0d}.rank-badge{color:#475569;background:#f1f5f9;border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:1.25rem;right:1.25rem}@media (min-width:768px){.rank-badge{width:48px;height:48px;font-size:1.5rem;position:static}}.rank-1 .rank-badge{color:#854d0e;background:#fef3c7}.rank-2 .rank-badge{color:#334155;background:#f1f5f9}.rank-3 .rank-badge{color:#78350f;background:#ffedd5}.school-info{flex:1;padding-right:3rem}@media (min-width:768px){.school-info{padding-right:0}}.school-name{color:#1e293b;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}@media (min-width:768px){.school-name{margin-bottom:.25rem;font-size:1.25rem}}.school-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.75rem;display:flex}.status-indicator{text-transform:uppercase;border-radius:100px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.performance-stats{border-top:1px solid #f1f5f9;min-width:100%;padding-top:1.25rem}@media (min-width:768px){.performance-stats{text-align:right;border-top:none;min-width:180px;padding-top:0}}.pass-rate-big{color:var(--primary);font-size:2rem;font-weight:800;line-height:1}@media (min-width:768px){.pass-rate-big{font-size:2.25rem}}.progress-bar-container{background:#f1f5f9;border-radius:5px;width:100%;height:10px;margin-top:.75rem;overflow:hidden}.stats-grid{justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.8125rem;display:flex}@media (min-width:768px){.stats-grid{justify-content:flex-start;gap:1.5rem;margin-top:.75rem}}.pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;max-width:1200px;margin:2rem auto;display:flex}@media (min-width:768px){.pagination-controls{gap:.5rem;margin:3rem auto}}.comparison-row{border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1.5rem}.comparison-bar-group{flex-direction:column;gap:.75rem;display:flex}.comparison-item{grid-template-columns:80px 1fr 50px;align-items:center;gap:1rem;font-size:.7rem;display:grid}.comparison-label{text-transform:uppercase;color:var(--text-muted);font-weight:700}.comparison-value{text-align:right;color:var(--text-main);font-weight:800}.comparison-track{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden}.comparison-fill{border-radius:3px;height:100%;transition:width .8s}.fill-school{background:var(--primary)}.fill-county{background:#94a3b8}.fill-state{background:#cbd5e1}.breakdown-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.breakdown-box{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.75rem;padding:.75rem}.breakdown-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.65rem}.breakdown-value{color:var(--text-main);font-size:1.125rem;font-weight:800}.breakdown-subtext{color:var(--text-muted);font-size:.65rem}.state-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:1200px;margin:0 auto 3rem;display:grid}.overview-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.overview-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.overview-value{color:var(--primary);font-size:2rem;font-weight:900}header.fixed{-webkit-backdrop-filter:blur(40px)saturate(1.6)!important;background:#fffffff2!important;border-bottom:1px solid #e2e8f0!important}header.fixed a{color:#475569!important}header.fixed a:hover{color:#0f172a!important;background-color:#f1f5f9!important}header.fixed span{color:#0f172a!important}header.fixed button{color:#475569!important}footer.relative{color:#475569!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important}footer.relative h4{color:#0f172a!important}footer.relative a{color:#64748b!important}footer.relative a:hover,footer.relative span{color:#0f172a!important}footer.relative p{color:#64748b!important}