.school-navigation {
  display:flex; flex-wrap:wrap; gap:8px; padding:12px 24px;
  background:#fff; border-bottom:1px solid #dce3ed;
  font-family:"Malgun Gothic",Arial,sans-serif;
}
.school-navigation a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:42px; padding:0 20px; border:1px solid #cbd5e1;
  border-radius:8px; background:#f8fafc; color:#17365d;
  font-size:15px; font-weight:700; text-decoration:none;
}
.school-navigation a:hover { background:#e8eff8; }
.school-navigation a[aria-current="page"] {
  background:#17365d; border-color:#17365d; color:white;
}
.school-navigation a:focus-visible { outline:3px solid #3686e8; outline-offset:3px; }
@media(max-width:600px) {
  .school-navigation { padding:10px 12px; gap:6px; }
  .school-navigation a { flex:1; padding:0 10px; white-space:nowrap; }
}