/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   만수중학교 공유 스타일 — 모든 school 페이지에서 사용
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

html { scrollbar-gutter: stable; }

/* ── 전역 링크 트랜지션 ── */
a { transition: opacity .15s, transform .15s; }

/* ── 하단 탭 바 (비활성화) ── */
.ms-bottom-nav { display: none; }
.ms-bottom-nav a {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 3px;
  color: #94a3b8; text-decoration: none;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 10px; font-weight: 700;
  transition: color .15s, transform .15s;
  padding: 6px 0 4px;
  -webkit-tap-highlight-color: transparent;
}
.ms-bottom-nav a:active { transform: scale(.9); }
.ms-bottom-nav a.active { color: #004ea2; }
.ms-bottom-nav a .bn-icon { font-size: 19px; line-height: 1; }

/* ── 카드 공통 호버 ── */
.ms-card-hover {
  transition: transform .2s cubic-bezier(.22,.68,0,1.2), box-shadow .2s;
}
.ms-card-hover:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 16px 40px rgba(0,0,0,.12) !important;
}

/* ── 스켈레톤 로딩 ── */
.ms-skeleton {
  background: linear-gradient(90deg, #e8edf2 25%, #f4f7fb 50%, #e8edf2 75%);
  background-size: 200% 100%;
  animation: msSkeleton 1.4s ease infinite;
  border-radius: 8px;
}
@keyframes msSkeleton {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}