/* CCAA v138 | 최종 PC·모바일 인터랙션 보완 (레이아웃/데이터 무변경)
   화면 아래에서 보이는 설명과 사진만 짧게 등장하며, 중요한 컨트롤은 숨기지 않습니다. */
@media (prefers-reduced-motion: no-preference) {
  .ccaa138-reveal-pending {
    opacity: 0;
    translate: 0 14px;
    transition: opacity 620ms cubic-bezier(.2,.7,.3,1), translate 690ms cubic-bezier(.2,.7,.3,1);
    transition-delay: var(--ccaa138-delay,0ms);
  }
  .ccaa138-reveal-pending.ccaa138-inview {
    opacity: 1;
    translate: 0 0;
  }
}
/* 키보드 이동 시 메뉴·필터·작품 링크의 현재 위치를 선명하게 표시 */
.site-header a:focus-visible,
.site-header button:focus-visible,
main a:focus-visible,
main button:focus-visible,
main select:focus-visible,
main input:focus-visible,
main textarea:focus-visible,
.site-footer a:focus-visible {
  outline: 2px solid #457960;
  outline-offset: 3px;
}
/* hover 동작을 지원하는 PC에만 링크 화살표의 아주 작은 반응 추가 */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .edu-hub-primary-link > span[aria-hidden="true"],
  .hobby-program-copy > a > span[aria-hidden="true"],
  .museum95-arrow-link > span[aria-hidden="true"] {
    display: inline-block;
    transition: translate 230ms ease;
  }
  .edu-hub-primary-link:hover > span[aria-hidden="true"],
  .hobby-program-copy > a:hover > span[aria-hidden="true"],
  .museum95-arrow-link:hover > span[aria-hidden="true"] {
    translate: 3px -2px;
  }
  .contact108-card-action svg {
    transition: translate 240ms ease;
  }
  .contact108-card-action:hover svg {
    translate: 3px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ccaa138-reveal-pending { opacity: 1 !important; translate: none !important; transition: none !important; }
}