/* ========== General Containers ========== */
.school-search-container, .nearby-schools-container{margin:15px;}
.school-filters, .nearby-filters{margin-bottom:15px;display:flex;flex-wrap:wrap;gap:6px;}
.school-filters input, .school-filters select, .school-filters button,
.nearby-filters select, .nearby-filters button{padding:6px 10px;}

/* Loading */
#school-loading, #nearby-loading{margin-top:10px;color:#0f6df9;font-weight:bold;}

/* Badges & Buttons */
.school-badge{background:#0f6df9;color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;}
.know-more-btn, .school-card-btn{background:#0f6df9;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;font-weight:bold;}
.school-card-btn{background:#fff;color:#0f6df9;}

/* Table */
.school-table{width:100%;border-collapse:collapse;}
.school-table th, .school-table td{padding:6px 8px;border:1px solid #ddd;text-align:left;}

/* Card Grid */
.cards-grid, .nearby-cards-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.school-card{background:#0f6df9;color:#fff;padding:10px;width:calc(25% - 10px);border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.school-card-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.school-card-header{font-weight:bold;font-size:14px;margin-bottom:5px;}
.school-card-level{margin-bottom:5px;}
.school-distance{font-size:12px;margin-bottom:5px;}

/* Responsive */
@media(max-width:768px){.school-card{width:calc(50% - 10px);}}
@media(max-width:480px){.school-card{width:100%;}}