/* JSLALALAND SEOUL 2.0 — Navigation Polish, 2026-11-11 */
html{scroll-padding-top:clamp(72px,10vh,118px)}
.cc-group-section,#cc-chapters,#cc-days-wrapper,.ph-day{scroll-margin-top:clamp(72px,10vh,118px)}
/* Touch target sizing without adding duplicate controls. */
.cc-photo-days button,.cc-jump,.cc-toggle,.rc-actions button{min-height:44px;touch-action:manipulation}
.cc-photo-days{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
/* Prevent the narrow mobile content from shifting sideways. */
.cc-chapters,.cc-group-section,.cc-group-section>.wrap{max-width:100%;min-width:0}
.cc-group-section img{max-width:100%;height:auto}
.cc-group-section .ph-grid img,.cc-group-section .mrail img,.cc-group-section .hrail img{height:100%;object-fit:cover}
.cc-group-section [role=dialog],dialog{max-width:min(96vw,900px);max-height:min(90dvh,900px)}
.cc-group-section .sec-head h2{overflow-wrap:anywhere}
.cc-group-section :is(input,select,textarea){max-width:100%;min-width:0}
.cc-group-section :focus-visible,.cc-photo-days button:focus-visible{outline:3px solid #963E34;outline-offset:3px}
/* Keep cinematic title and image undisturbed. */
@media(max-width:700px){
  .cc-chapters{padding-inline:16px}
  #cc-chapters .rc-actions button{min-height:46px}
  .cc-photo-days{gap:8px}
  .cc-group-section>.wrap{padding-inline:clamp(14px,4vw,22px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}