@layer masterycue-product{.productDemoShell .demoKpis{gap:.75rem!important;margin:1rem 0!important}.productDemoShell .demoKpis article{border-radius:12px!important;flex-direction:column!important;gap:.4rem!important;padding:1rem!important;display:flex!important}.productDemoShell .demoKpis article>span{color:#102a43!important;font-size:1.8rem!important;font-weight:800!important}.productDemoShell .demoKpis strong{font-size:.95rem!important}.productDemoShell .demoKpis small{letter-spacing:0!important;text-transform:none!important;font-size:.75rem!important}.productDemoShell :is(.demoPanel,.demoInsight){background:#fff!important;border:1px solid #dce3e9!important;border-radius:16px!important;margin:1rem 0!important;padding:1.25rem!important}.productDemoShell .demoSectionHead{justify-content:space-between!important;align-items:center!important;gap:1rem!important;margin-bottom:1rem!important;display:flex!important}.productDemoShell :is(.demoPanel,.demoInsight) h2{color:#102a43!important;margin:.3rem 0!important;font-size:1.5rem!important;line-height:1.25!important}.productDemoShell .demoEyebrow{letter-spacing:.05em!important;color:#ad4f30!important;font-size:.75rem!important;font-weight:750!important}.productDemoShell .schoolGrid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;align-items:start!important;gap:1rem!important;display:grid!important}.productDemoShell .schoolGrid .demoPanel{margin:0!important}.productDemoShell .schoolRows{gap:.6rem!important;display:grid!important}.productDemoShell .schoolRows article{background:#f5f7fa!important;border-radius:10px!important;grid-template-columns:minmax(0,1fr) minmax(90px,.6fr) 2rem!important;align-items:center!important;gap:.75rem!important;padding:.8rem!important;display:grid!important}.productDemoShell .schoolRows article>div{gap:.35rem!important;min-width:0!important;display:grid!important}.productDemoShell .schoolRows article>div>span{color:#536979!important;font-size:.75rem!important}.productDemoShell .demoBar{background:#e4eaf0!important;border-radius:99px!important;width:100%!important;height:8px!important;display:block!important;overflow:hidden!important}.productDemoShell .demoBar span{border-radius:inherit!important;background:#b58c1d!important;height:100%!important;display:block!important}.productDemoShell .districtTable{overflow-x:auto!important}.productDemoShell :is(.districtHeader,.districtRow){grid-template-columns:minmax(160px,1.5fr) .6fr .6fr 1fr .6fr 1fr!important;align-items:center!important;gap:1rem!important;min-width:680px!important;padding:.85rem!important;display:grid!important}.productDemoShell .districtHeader{color:#fff!important;background:#102a43!important;border-radius:8px!important;font-size:.78rem!important;font-weight:750!important}.productDemoShell .districtRow{border-bottom:1px solid #dce3e9!important;font-size:.85rem!important}.productDemoShell .districtRow b{margin-bottom:.4rem!important;display:block!important}.productDemoShell .positive{color:#397d68!important;font-weight:750!important}.productDemoShell .priorityScore{align-items:center!important;gap:1rem!important;margin:1rem 0!important;display:flex!important}.productDemoShell .priorityScore>span{color:#102a43!important;font-size:2.5rem!important;font-weight:800!important}.productDemoShell :is(.demoInsight,.demoPriority) p{color:#536979!important;line-height:1.55!important}.productDemoShell .demoPriority li{margin:.7rem 0!important;line-height:1.5!important}.productDemoShell .demoInsight{align-items:center!important;gap:1.5rem!important;display:flex!important}.productDemoShell :is(.demoInsight,.demoPriority) button{flex-shrink:0!important;padding:.75rem 1rem!important}@media (max-width:900px){.productDemoShell .schoolGrid{grid-template-columns:1fr!important}.productDemoShell .demoKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.productDemoShell .demoInsight{flex-direction:column!important;align-items:flex-start!important}}@media (max-width:480px){.productDemoShell .demoKpis{grid-template-columns:1fr!important}.productDemoShell .schoolRows article{grid-template-columns:minmax(0,1fr) 90px 2rem!important;gap:.4rem!important;padding:.6rem!important}}}.demoContextFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.demoScenarioNote{color:#46566c;margin:0 0 20px;font-size:.88rem;line-height:1.6}.demoScenarioNote a{text-decoration:underline}@media (max-width:640px){.demoContextFilters{grid-template-columns:1fr}}
