/* ══ 메인 3종 화면 전환(D-978 — 사용자 승인 2026-10-17, 제안서 S4) ══
   맞춤 세무사(/fit) · 질문하기 세 단계(/qna/write …) · 세무사 지도(/directory/map)만 이 파일을 싣는다 — 문서 사이 전환은 **두 쪽이 다 켜야** 일어나므로
   이 세 화면끼리 오갈 때만 160ms 옅은 페이드가 걸린다(다른 화면은 지금처럼 바로 바뀐다).
   · 브라우저 기본 문서 사이 View Transitions — 지원 안 하는 브라우저 · 웹뷰는 이 규칙을 그냥 무시하고 예전처럼 바로 넘어간다(기다림 · 숨김 없음).
   · 움직이는 것은 opacity뿐(브라우저 기본 교차 페이드) — transform·레이아웃 속성 없음(design.md §7). 처음 상태가 «숨김»인 요소는 없다(JS가 없어도 다 보인다).
   · 🔴 움직임 줄이기(prefers-reduced-motion: reduce)면 전환 자체를 켜지 않는다(@view-transition이 no-preference 안에만 있다).
   · 🔴 지도 캔버스는 페이드하지 않는다 — 전환이 도는 동안에만 따로 이름을 달고(평소에는 이름 없음: 이름은 늘 쌓임 맥락을 만든다) 들어오는 지도의 애니메이션을 끈다.
     지도 화면에 들어올 때 타일 · 핀이 흐려졌다 돌아오지 않는다(떠날 때는 화면과 함께 옅어진다). */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation-duration: 160ms; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }   /* 그룹도 160ms — 브라우저 기본 0.25s 그룹이 전환(과 누름 막힘)을 늘리지 않게 */
  :root:active-view-transition .map-canvas { view-transition-name: map-canvas; }
  ::view-transition-group(map-canvas),
  ::view-transition-new(map-canvas) { animation: none; }   /* 들어오는 지도: 처음부터 그 자리 · 그 밝기 */
  ::view-transition-old(map-canvas) { animation-duration: 160ms; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }   /* 떠나는 지도는 화면과 함께 옅어진다(멈춘 그림이 남지 않게) */
}