.monthly-article .monthly-offer-layout:has(.monthly-story .monthly-living-guide)>.monthly-rate-panel { position:static; }
.monthly-article .monthly-offer-layout:has(.monthly-story .monthly-living-guide) { grid-template-areas:"gallery rate" "highlights rate" "story story"; }
/* Shared Site presentation layer for current and future monthly promotions. */
.monthly-article .monthly-story:has(.monthly-living-guide) { max-width:none!important; width:100%; grid-column:1/-1; }
.monthly-living-guide { width:100%; max-width:none; }
.monthly-area-figure { margin-left:0; margin-right:0; width:100%; }
.monthly-area-map { aspect-ratio:1429/776; width:100%; background:#f4f6f7; }
.monthly-area-map>img { position:absolute; left:0; top:var(--monthly-map-top,0); width:100%; height:var(--monthly-map-height,100%)!important; }
.monthly-area-map>svg,.monthly-area-map>.monthly-map-labels,.monthly-area-map>.monthly-map-mobile-pins { position:absolute; left:0; right:0; bottom:auto; top:var(--monthly-map-top,0); width:100%; height:var(--monthly-map-height,100%)!important; }
.monthly-list-button { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; margin:0 0 24px; border:1px solid #c4ccd3; border-radius:24px; background:#fff; color:#303940; font-family:inherit; font-size:15px; line-height:1.4; font-weight:600; text-decoration:none; }
.monthly-list-button:hover { background:#f4f6f7; }
.monthly-list-button:focus-visible { outline:3px solid #bd1450; outline-offset:3px; }

@media(max-width:700px) { .monthly-article .monthly-offer-layout:has(.monthly-story .monthly-living-guide) { grid-template-areas:"gallery" "rate" "highlights" "story"; } }