/* =========================================================
   Research Areas 카드 이스터에그 / 언어 전환 (js/easter-eggs.js)
   - 연속 탭 시 확대/텍스트 선택 방지, 커서는 기본 유지
   - 제목/설명 안의 ko·en 레이어를 같은 그리드 칸에 겹침 → 높이는 두 언어 중 큰 쪽으로 고정
     전환은 opacity(+visibility)만 → 레이아웃/아이콘 위치 변화 없음
========================================================= */
.research-areas__grid .area-card {
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.area-card__title.has-alt,
.area-card__desc.has-alt {
  display: grid;
}

.has-alt > .area-card__txt {
  grid-area: 1 / 1;
  min-width: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.18s ease, visibility 0s linear 0s;
}

.has-alt > .area-card__txt.is-off {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s ease, visibility 0s linear 0.18s;
}

.area-card__txt:lang(ko) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  .has-alt > .area-card__txt,
  .has-alt > .area-card__txt.is-off {
    transition: none;
  }
}