/* One contextual official widget followed by the official Trip.com image banner. */
.affiliate-sidebar{min-width:0;max-width:300px;margin:28px 0 0;position:relative;align-self:start}
.affiliate-sidebar>small{display:block;font-size:10px;line-height:1.5;color:inherit;opacity:.7;margin-bottom:10px}
.affiliate-sidebar img,.affiliate-sidebar iframe{max-width:100%;border:0}
.affiliate-sidebar img{height:auto}
.affiliate-sidebar [data-affiliate-placeholder] button{font:inherit;font-size:12px;padding:12px 16px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.affiliate-sidebar [data-affiliate-mount]{min-width:0}
.affiliate-sidebar [data-vi-partner-id] iframe{min-height:440px}
.article-layout.has-affiliate-sidebar,.layout.trip-article-layout.has-affiliate-sidebar,.read.has-affiliate-sidebar,.trip-tool-layout.has-affiliate-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:stretch}
.has-affiliate-sidebar>.article-main,.has-affiliate-sidebar>.trip-article-main,.has-affiliate-sidebar>.prose,.has-affiliate-sidebar>.trip-tool-main{grid-column:1;grid-row:1;max-width:100%;min-width:0}
.has-affiliate-sidebar>.article-rail,.has-affiliate-sidebar>.trip-rail{grid-column:2;grid-row:1;width:300px;min-width:0;align-self:stretch;display:block}
.has-affiliate-sidebar .article-side,.has-affiliate-sidebar .toc{position:static;width:100%}
@media(max-width:900px){
 .article-layout.has-affiliate-sidebar,.layout.trip-article-layout.has-affiliate-sidebar,.read.has-affiliate-sidebar,.trip-tool-layout.has-affiliate-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .has-affiliate-sidebar>.article-main,.has-affiliate-sidebar>.trip-article-main,.has-affiliate-sidebar>.prose,.has-affiliate-sidebar>.trip-tool-main{order:1;width:100%}
 .has-affiliate-sidebar>.article-rail,.has-affiliate-sidebar>.trip-rail{display:contents}
 .has-affiliate-sidebar .article-side,.has-affiliate-sidebar .toc{order:0;width:100%;max-width:100%;margin-bottom:24px}
 .has-affiliate-sidebar .affiliate-sidebar{order:2;position:static;width:100%;max-width:300px;margin:36px auto 0}
}

.affiliate-sidebar>[data-trip-widget]{margin-top:28px;width:300px;max-width:100%}

/* Keep the contextual affiliate rail beside the reading column on desktop widths. */
@media(min-width:1100px) and (max-width:1439px){
 /* Keep a 600–760px centered reading track; scale the existing right-hand images to the remaining space. */
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(760px,calc(100vw - 500px))) minmax(0,1fr);gap:28px 16px;align-items:start}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail)>.trip-article-main{grid-column:2;grid-row:2;order:initial;justify-self:center;width:100%;max-width:760px}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail)>.trip-rail,.layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail) .trip-rail__sticky{display:contents}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail) .toc{grid-column:2;grid-row:1;width:100%;margin:0}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail) .affiliate-sidebar{grid-column:3;grid-row:1 / span 2;width:100%;max-width:300px;margin:0}
}
@media(max-width:1099px){
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail){display:flex;flex-direction:column;align-items:center;gap:0}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail)>.trip-article-main{order:1;width:100%;max-width:760px}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail)>.trip-rail,.layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail) .trip-rail__sticky{display:contents}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail) .toc{order:0;width:100%;max-width:760px;margin-bottom:28px}
 .layout.trip-article-layout.has-affiliate-sidebar:has(>.trip-rail) .affiliate-sidebar{order:2;width:100%;max-width:300px;margin:36px auto 0}
}

.has-affiliate-sidebar .article-rail>.notes{order:3;width:100%;margin-top:28px}
.has-affiliate-sidebar .article-rail>.notes .notes__inner{position:static;grid-template-columns:1fr}

/* Hide only the verified Klook text footer; the official frame remains unchanged. */
.affiliate-mount--trim-klook-credit:has(iframe){clip-path:inset(0 0 48px 0);margin-bottom:-48px}
/* Keep all frame links visible when its keyboard focus enters the frame. */
.affiliate-mount--trim-klook-credit:has(iframe):focus-within{clip-path:none;margin-bottom:0}

/* Narrow tool pages share the same banner distribution breakpoint as articles. */
@media(max-width:1099px){
 .trip-tool-layout.has-affiliate-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .trip-tool-layout.has-affiliate-sidebar>.trip-tool-main{order:1;width:100%}
 .trip-tool-layout.has-affiliate-sidebar>.trip-rail{display:contents}
 .trip-tool-layout.has-affiliate-sidebar .affiliate-sidebar{order:2;position:static;width:100%;max-width:300px;margin:36px auto 0}
}

/* Show up to two topic-matched partners; one shared consent controls the rail. */
.affiliate-platforms{display:flex;flex-direction:column;gap:28px}
.affiliate-card{min-width:0;width:300px;max-width:100%}
.affiliate-card:has([data-affiliate-mount]:empty){display:none}
.affiliate-card a{display:block}
.affiliate-card img{display:block;max-width:100%;height:auto}
.affiliate-card [data-affiliate-mount]{max-width:300px}
html[data-affiliate-embed],html[data-affiliate-embed] body{margin:0;padding:0;background:#fff;color:#222;font-family:Arial,sans-serif}
.affiliate-embed{width:100%;min-width:0}
.affiliate-card>div>iframe{display:block;width:300px;max-width:100%;border:0}

/* Only articles with explicit section placements distribute their existing ads. */
.affiliate-inline-slot{display:none;box-sizing:border-box;clear:both;width:300px;max-width:100%;margin:48px auto}
.stay-areas>.affiliate-inline-slot{grid-column:1 / -1}
.affiliate-inline-slot>.trip-widget{margin:0}
.affiliate-inline-slot>.trip-widget .trip-widget__stage{height:auto;aspect-ratio:3/2.5}
@media(max-width:1099px){html[data-optional-services-allowed] .affiliate-inline-slot{display:block}}
.affiliate-sidebar--distributed{display:none}

/* Keep the desktop partner rail visible while the article scrolls. */
@media(min-width:1100px){
 .has-affiliate-sidebar .affiliate-sidebar{position:sticky;top:calc(var(--masthead, 72px) + 16px);max-height:calc(100vh - var(--masthead, 72px) - 32px);overflow-y:auto;overscroll-behavior:contain}
}

.affiliate-inline-slot--300x250{aspect-ratio:300/250}
.affiliate-inline-slot--601x397{aspect-ratio:601/397}
.affiliate-inline-slot--480x640{aspect-ratio:480/640}
.affiliate-inline-slot--302x252{aspect-ratio:302/252}
.affiliate-inline-slot--1200x1000{aspect-ratio:1200/1000}
