body{
background:#f8fafc;
}

.school-card{
background:#fff;
border:1px solid #e2e8f0;
border-radius:18px;
padding:18px;
transition:.25s ease;
cursor:pointer;
}

.school-card:hover{
transform:translateY(-3px);
box-shadow:0 12px 35px rgba(99,87,154,.12);
border-color:#63579A;
}

.school-name{
font-size:18px;
font-weight:600;
color:#1e293b;
margin-bottom:8px;
}

.school-meta{
font-size:13px;
color:#64748b;
margin-bottom:6px;
}

.school-distance{
display:inline-block;
background:#EFE9F5;
color:#63579A;
font-size:12px;
font-weight:600;
padding:6px 10px;
border-radius:999px;
margin-top:10px;
}

.school-actions{
display:flex;
gap:10px;
margin-top:15px;
}

.school-btn{
flex:1;
text-align:center;
padding:10px;
border-radius:10px;
font-size:13px;
font-weight:500;
text-decoration:none;
}

.school-btn-primary{
background:#63579A;
color:#fff;
}

.school-btn-secondary{
background:#f1f5f9;
color:#334155;
}

.loading-box{
padding:50px;
text-align:center;
color:#64748b;
}

.leaflet-popup-content{
font-family:Inter,sans-serif;
}

.leaflet-popup-content strong{
font-size:15px;
color:#1e293b;
}

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-thumb{
background:#cbd5e1;
border-radius:50px;
}

::-webkit-scrollbar-track{
background:#f8fafc;
}