.school-mobile-wrap { max-width: 1180px; margin: 0 auto; }
.school-hero { background: #f5f7fb; border: 1px solid #e5e8ef; border-radius: 10px; padding: 18px; margin-bottom: 18px; }
.school-hero h2 { margin-top: 0; }
.school-role-grid, .school-summary-grid, .school-action-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.school-role-card, .school-summary-card, .school-action-card { display: block; border: 1px solid #e5e8ef; background: #fff; border-radius: 10px; padding: 15px; text-decoration: none; color: #222; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.school-role-card strong, .school-summary-card strong, .school-action-card strong { display: block; font-size: 18px; }
.school-role-card span, .school-summary-card span { display: block; color: #666; margin-top: 4px; }
.school-summary-card strong { font-size: 28px; color: #006699; }
@media (max-width: 768px) {
    .school-role-grid, .school-summary-grid, .school-action-grid { grid-template-columns: repeat(2, 1fr); }
    .school-hero { padding: 14px; }
}
@media (max-width: 480px) {
    .school-role-grid, .school-summary-grid, .school-action-grid { grid-template-columns: 1fr; }
}