/* CONTENT-MOBILE-R22. 문제=모바일 펼친 메뉴와 빠른메뉴 겹침 / 유발=고정 top65px / 수정=현재 헤더 아래 펼침·높이 내 스크롤 / 잠금=그래픽 효과·아이콘·색상 불변 */
@media(max-width:640px){
.story-deck>.story-visual{top:auto;bottom:auto;position:relative}
.story-deck{grid-auto-rows:auto}
.scene-navigation{flex-wrap:wrap}
.scene-navigation button{min-height:44px;flex:1 1 120px}
.site-head .topnav{top:100%;max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;align-items:stretch}
.site-head .topnav a{min-height:44px;display:flex;align-items:center}
/* 본문 읽기 전용: 의미·그래픽 효과 유지, 작은 화면에서 문장 줄바꿈과 읽기 크기 보장 */
.faq details p,.dialog-body p,.story-chapter p{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
}
/* R22: 효과 제어가 본문을 덮지 않도록 문서 끝의 정상 흐름에 배치. */
.ph-controls-dock{position:static!important;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 20px;max-width:100%;box-sizing:border-box}
.ph-controls-dock .uf-toolbar,.ph-controls-dock .graphic-toggle6,.ph-controls-dock .ph-motion-control{position:static!important;inset:auto!important;transform:none!important;max-width:100%;margin:0!important}
/* 사용자의 명시적 요청: 제목 호버·포커스 설명을 표시하지 않음. */
.ph-title[data-ph-description]:hover:after,.ph-title[data-ph-description]:focus-visible:after{content:none!important;display:none!important}
/* 어두운 현장 본문의 제목은 금속 반사 중에도 대비를 유지. */
.story-copy>h3,.story-copy>h3>.ph-text{color:#e9f5ff!important;-webkit-text-fill-color:#e9f5ff!important;background-image:none!important;text-shadow:none;animation:none!important}