/* Explicit opt-in: existing published cities retain their current HTML/CSS. */
.city-guide .byline{display:flex;flex-wrap:wrap;gap:8px 24px}
.city-guide .city-guide-hero{display:grid;grid-template-columns:var(--hero-desktop-columns);grid-template-rows:auto;gap:12px;margin:0;align-items:start;overflow:visible}
.city-guide .city-guide-hero figure{position:static;min-width:0;min-height:0;max-width:none;width:100%;margin:0;overflow:visible;border-radius:0;background:none;justify-self:stretch}
.city-guide .city-guide-hero [data-hero-slot="main"]{grid-row:auto;grid-column:auto}
.city-guide .city-guide-hero img{display:block;width:100%;height:auto;aspect-ratio:var(--hero-ratio);object-fit:cover;background:none;border-radius:8px}
.city-guide .city-guide-hero figcaption{position:static;inset:auto;margin:7px 0 0;padding:0;background:none;color:var(--bkk-cocoa,#494139);font-size:12px;line-height:1.7}
.city-guide .city-guide-hero[data-hero-layout="landscapes"]{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.city-guide .city-guide-hero[data-hero-layout="landscapes"] [data-hero-slot="main"]{grid-row:1/3}
.city-guide [data-plan-controls] input[type=date]{display:block;min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}
.city-guide [data-plan-controls] fieldset{margin-top:24px;margin-bottom:24px}
.city-guide [data-plan-controls] .city-guide-day-label{display:block;margin-top:24px;font-weight:700}
.city-guide .trip-plan-entry{bottom:calc(72px + env(safe-area-inset-bottom,0px));}
.city-guide #plan{scroll-margin-top:145px}
@media(max-width:700px){
 .city-guide .city-guide-hero,.city-guide .city-guide-hero[data-hero-layout="landscapes"]{display:grid;grid-template-columns:var(--hero-support-columns);grid-template-rows:auto auto;gap:12px 8px;padding:0;scroll-snap-type:none}
 .city-guide .city-guide-hero [data-hero-slot="main"],.city-guide .city-guide-hero[data-hero-layout="landscapes"] [data-hero-slot="main"]{grid-column:1/3;grid-row:1}
 .city-guide .city-guide-hero figure{margin:0;flex:none}
 .city-guide .city-guide-hero figcaption{font-size:11px;padding:0;letter-spacing:0}
}