/* Retain the first viewport while live hotel controls hydrate. */
.hotel-detail[data-live-hotel="loading"] .hotel-content-status {min-height:100svh}
html[data-seo-rendered] .hotel-detail {position:relative}
html[data-seo-rendered]:not([data-seo-hotel-ready="true"]) .hotel-detail[data-live-hotel="connected"] > :not(.hotel-content-status) {visibility:hidden}
html[data-seo-rendered]:not([data-seo-hotel-ready="true"]) .hotel-detail[data-live-hotel="connected"] > .hotel-content-status {display:grid;position:absolute;inset:0 0 auto;min-height:100svh;place-items:center;background:var(--theme-paper,#fff)}
.article img {max-width:100%;height:auto}
.area-page-nav {display:flex;gap:8px;overflow-x:auto;padding-block:18px;scrollbar-width:none}
.area-page-nav a {flex:0 0 auto;border:1px solid var(--theme-border,#d4c5dc);border-radius:5px;padding:8px 14px;font-size:14px;white-space:nowrap}
.area-page-nav a[aria-current=page] {background:var(--theme-accent,#693596);color:#fff;border-color:transparent}
.area-page-intro {padding-block:14px 24px}
.area-page-intro h2,.area-page-tourism h2 {font-size:22px;margin:0 0 12px}
.area-page-intro p,.area-spot p {font-size:14px;line-height:1.85}
.area-sec--dedicated {display:block!important;padding-block:10px 24px}
body[data-hotel-area-page] .page-hero {padding-block:28px}
.area-banner b a {text-decoration:underline;text-underline-offset:4px}
.area-page-tourism {padding-block:24px 56px}
.area-spot-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.area-spot img {width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.area-spot h3 {font-size:17px;margin:12px 0 8px}
.area-photo-credit {display:block;font-size:11px;overflow-wrap:anywhere;margin-top:8px}
@media(max-width:767px){.area-page-intro h2,.area-page-tourism h2{font-size:20px}.area-spot-grid{grid-template-columns:1fr}.area-page-nav{gap:6px}.area-page-nav a{padding:7px 10px}}