.pagehero.pagehero--venue{min-height:clamp(380px,46vh,500px);padding:130px 28px 56px}
.pagehero--venue h1{max-width:none}
.venue-approved__hero-intro{margin-top:18px;color:rgba(255,255,255,.85);font-size:clamp(16px,1.5vw,21px);line-height:1.5}
.pagehero--venue+.sect{padding-top:clamp(48px,6vw,90px)}
.venue-intro__copy .h2 em:empty{display:none}
.venu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.venue-approved__map{display:block;width:100%;padding:0;border:0;cursor:zoom-in;text-align:inherit;transform:none!important}
.venue-approved__map img{display:block;width:100%;height:auto;transform:none!important}
.venue-approved__map span{position:absolute;right:20px;bottom:20px;z-index:2;border-radius:999px;padding:10px 15px;background:rgba(5,19,48,.88);color:#fff;font:600 13px/1.2 var(--f-m)}
#accommodation .htl__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-inline:0} /* full content width: aligned with the heading, still centred */
.htl__body .htl__tags:empty{display:none}
.venue-approved__guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.venue-approved__guide-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.venue-approved__guide .faq{margin:0}
.venue-approved__guide .faq[aria-expanded="true"]{border-color:#87cfeb;box-shadow:0 14px 34px rgba(0,84,147,.1)}
.venue-approved__dialog{width:min(96vw,1600px);max-width:none;max-height:94vh;border:0;border-radius:18px;padding:10px;background:#fff;box-shadow:0 28px 100px rgba(0,0,0,.45)}
.venue-approved__dialog::backdrop{background:rgba(2,9,30,.88)}
.venue-approved__dialog>div{max-height:calc(94vh - 20px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.venue-approved__dialog img{display:block;width:100%;height:auto}
.venue-approved__close{position:sticky;top:0;left:calc(100% - 52px);z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#062b69;color:#fff;font-size:32px;line-height:1;cursor:pointer}
@media(max-width:760px){.pagehero.pagehero--venue{min-height:400px;padding:115px 18px 48px}.venu__grid,#accommodation .htl__grid{grid-template-columns:1fr}.venue-approved__dialog img{min-width:1050px}.venue-approved__dialog>div{touch-action:pan-x pan-y pinch-zoom}}

/* Hotel cards: same heights, Book button on one baseline */
#accommodation .htl{display:flex;flex-direction:column}
#accommodation .htl__body{display:flex;flex-direction:column;flex:1}
#accommodation .htl__book{margin-top:auto;align-self:flex-start}
/* Access and arrival: icon chip + H4 title + text (site card pattern), tighter gap under the intro */
#access .head--left{margin-bottom:28px}
.venu__card{display:grid;align-content:start;gap:10px}
.venu__card .venu__ic{width:48px;height:48px}
.venu__card .venu__ic svg{width:24px;height:24px;color:var(--wps-light)}
.venu__card h4{margin:6px 0 0;color:var(--w)}
.venu__card p{margin:0;color:var(--w55)}
/* hotel cards: design-system card spacing (padding 28/30, title-text 10, text-button 22+) */
#accommodation .htl__body{padding:28px 30px 30px;gap:10px}
#accommodation .htl__body h3{margin:0}
#accommodation .htl__body p{margin:0 0 22px}
@media(max-width:760px){#accommodation .htl__body{padding:22px 22px 24px}#accommodation .htl__body p{margin-bottom:18px}}

/* Public transport: Visit Dubai guide links as small pills under the text (DXB Live, 2 Oct 2026). */
.acc__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.acc__links a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--card-brd,#C9D8EC);border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;color:var(--wps-deep,#023689)}
.acc__links a:hover{border-color:#009DD9;background:rgba(0,157,217,.08)}
html[data-theme="dark"] .acc__links a{color:#fff;border-color:rgba(255,255,255,.22)}

/* Drive time to the venue on each hotel card (VN-32, client 5 Oct 2026). */
#accommodation .htl__body .htl__drive{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0 0 4px;padding:6px 12px 6px 10px;border:1px solid #C9E3F5;border-radius:999px;background:#EAF4FB;color:#12307F;font-size:14px;font-weight:700;line-height:1}
#accommodation .htl__drive svg{width:18px;height:18px;flex:none}
html[data-theme="dark"] #accommodation .htl__body .htl__drive{background:rgba(63,155,216,.16);border-color:rgba(63,155,216,.35);color:#9CD3F5}

/* Three partner hotels (Fairmont added 6 Oct 2026): three across, two on tablets, one on phones. */
#accommodation .htl__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:1080px){#accommodation .htl__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){#accommodation .htl__grid{grid-template-columns:1fr!important}}
#accommodation .htl__body .htl__drive{flex:none}