/* Batch 4: consistent reading rhythm without changing reservation controls. */
:where(main) :where(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
:where(main) :where(p,li){text-wrap:pretty}
:where(main) :where(a,button,summary):focus-visible{outline:3px solid #c69c47;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}main *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Explicit height resets prevent HTML height attributes stretching card photos. */
.story-card img{height:auto;aspect-ratio:1.45;object-fit:cover}
.room-grid img{height:auto;aspect-ratio:1.35;object-fit:cover}
.chapter figure img{height:auto;aspect-ratio:1.6;object-fit:cover}
.story-card{display:flex;flex-direction:column}.story-card>div{display:flex;flex-direction:column;flex:1}.story-card .read-link{margin-top:auto}.story-card h3{min-height:0;margin-bottom:22px}
.related .story-grid:has(>.story-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.section{padding-top:56px;padding-bottom:56px}.section+.section{padding-top:32px}
.reading-layout{gap:clamp(32px,6vw,80px)}.reading{min-width:0}.chapter{margin-bottom:28px;padding-bottom:32px}.chapter p{font-size:17px;line-height:1.75;max-width:70ch}
.reading-nav{top:90px}.hero{height:auto;min-height:570px}.hero-copy{padding-block:64px}.hero-deck{font-size:19px}
.sr-trip-guides{max-width:620px}.sr-trip-guides img{height:80px;object-fit:cover;flex-shrink:0}.sr-trip-guides a{min-width:0}.sr-trip-guides span{line-height:1.45}
@media(max-width:760px){.section{padding:36px 22px}.section+.section{padding-top:24px}.related .story-grid:has(>.story-card:nth-child(4):last-child){grid-template-columns:1fr}.hero{min-height:0;max-height:none}.hero-copy{padding:48px 22px 64px}.hero h1{font-size:clamp(39px,10.2vw,58px)}.hero-deck{font-size:17px}.hero-caption{font-size:10px;bottom:12px;max-width:240px}.actions{gap:12px}.button{max-width:100%;white-space:normal;line-height:1.45}.chapter{grid-template-columns:24px minmax(0,1fr);gap:12px;margin-bottom:24px;padding-bottom:28px}.chapter h2{font-size:30px}.chapter p{font-size:16px;line-height:1.75}.story-card h3{font-size:29px}.story-card>div{padding:22px}.photo-pair figure:nth-child(2){margin-top:0}.photo-pair img{height:auto;aspect-ratio:1.4}.reading-layout{gap:28px}.facts{gap:12px}.facts span{line-height:1.5}.sr-trip-guides img{width:76px;height:68px}.sr-trip-guides a{gap:15px}}
/* Keep the homepage photo collage's entrance animation inside its section. */
#root section:has(.relative.h-\[580px\].order-first){overflow-x:clip}
