body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;overflow-x:hidden}.spr-wrapper{position:relative;left:0;margin-left:0;width:100%;max-width:100%;overflow-x:hidden;margin:0}.header{background:#0b3a63;color:#fff;padding:15px 25px}.school-header{width:100%;text-align:left;background:#a2c8e4;color:#1b4a6b;margin:0;padding:18px 20px;box-sizing:border-box}.school-header h2,.school-header h3{margin:0;font-size:18px}.spr-container{display:flex;width:100%;margin:0;padding:0;min-height:600px;align-items:stretch}.sidebar{width:290px;background:#163d5c;color:#fff;flex-shrink:0;min-height:100%}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,0.1);cursor:pointer;user-select:none}.sidebar li:hover,.sidebar li.active{background:#1f5d87}.sidebar li span{display:flex;justify-content:space-between;align-items:center}.menu-arrow{font-size:12px;margin-left:10px}.submenu{list-style:none;padding-left:15px;margin:0;background:#1b4a6b}.submenu li{padding:10px 20px;font-size:13px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.08);color:#e0e6ed;transition:background 0.2s ease;user-select:none}.submenu li:hover{background:#2a6f9e;color:#fff}.submenu li.active{background:#0b3a63;color:#fff;font-weight:bold}.content{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;overflow-x:hidden;background:#fff;flex:1;padding:15px 20px;overflow-x:hidden}.content img{max-width:100%;border:1px solid #ddd}#tableauContainer{width:100%;max-width:100%;overflow:visible;position:relative}tableau-viz{display:block;max-width:none!important;transform-origin:top left}.spr-wrapper .container-fluid{padding-left:0!important;padding-right:0!important}.spr-wrapper [class*="col-"]{max-width:100%!important;flex:0 0 100%!important}.spr-wrapper .row.justify-content-center{justify-content:flex-start!important}.container-fluid{padding-left:0!important;padding-right:0!important}.header-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.header-toggle h2{margin:0;font-size:18px}.header-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%}.toggle-icon{font-size:20px;font-weight:bold}.school-details{width:100%;box-sizing:border-box;overflow:hidden}.spr-container,.content{overflow:visible!important}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;width:100%;box-sizing:border-box}.details-grid div{background:#fff;padding:10px 12px;border-radius:6px;border:1px solid #dbe6f1;box-sizing:border-box;min-width:0;overflow:visible}.details-horizontal{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start;width:100%;padding:10px 15px;box-sizing:border-box;background:#eef5fb;border-bottom:1px solid #d6e3f0;padding-left:25px}.details-horizontal .item{display:flex;flex-direction:column;min-width:100px;flex:1}.details-horizontal .label{font-weight:bold;font-size:11px;color:#1b4a6b;margin-bottom:3px}.details-horizontal .value{font-size:12px;line-height:1.4;word-break:break-word}.details-horizontal a{color:#1f5d87;text-decoration:none}.details-horizontal a:hover{text-decoration:underline}@media (max-width:1400px){.sidebar{width:100px}.sidebar li{padding:8px 10px;font-size:11px}.details-horizontal{padding-left:8px;gap:8px}.details-horizontal .item{min-width:80px}.details-horizontal .label{font-size:10px}.details-horizontal .value{font-size:11px}.content{padding:5px}}@media (max-width:1200px){.sidebar{width:50px}.details-horizontal .item{min-width:30%}}@media (max-width:1000px){.spr-container{flex-direction:column}.sidebar{width:100%}.content{width:100%;padding:10px}}@media (max-width:768px){.details-horizontal{flex-direction:column;gap:10px}.details-horizontal .item{min-width:100%}}