/* Recent notices beside the map, ahead of the hotel and campaign sections. */
#areas .area-overview{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"heading heading" "map news";align-items:start;gap:24px;min-width:0}
#areas .area-overview>.area-overview__heading{grid-area:heading;margin-bottom:0}
#areas .area-overview>.geo-map{grid-area:map;min-width:0}
#areas .area-news{grid-area:news;min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;scroll-margin-top:96px}
#areas .area-news .section-head{align-items:center;flex-wrap:nowrap;gap:12px;margin-bottom:8px}
#areas .area-news .eyebrow{font-size:12px;line-height:1.4;letter-spacing:.12em;margin-bottom:5px}
#areas .area-news .h2{font-family:var(--font-body);font-size:24px;font-weight:700;line-height:1.4}
#areas .area-news__all{flex:none;font-size:13px;font-weight:700;white-space:nowrap;color:var(--lagoon-deep);text-underline-offset:3px}
#areas .area-news__all:hover{text-decoration:underline}
#areas .area-news .news-list li:last-child{border-bottom:0}
#areas .area-news .news-list li:nth-child(n+4){display:none}
#areas .area-news .news-list li:nth-child(3){border-bottom:0}
#areas .area-news .news-list a{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr) 16px;align-items:center;gap:4px 10px;min-height:44px;padding:6px 0;border-radius:0;background:none}
#areas .area-news .news-list time{font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.03em;color:#637286;padding:0}
#areas .area-news .news-list .cat{justify-self:start;font-size:11px;line-height:1.4;padding:2px 7px}
#areas .area-news .news-list a>div{grid-column:1/3;min-width:0}
#areas .area-news .news-list b{font-family:var(--font-body);font-size:16px;font-weight:700;line-height:1.6;color:var(--ink)}
#areas .area-news .news-list p{display:none}
#areas .area-news .news-list a::after{content:"";grid-column:3;grid-row:2;justify-self:center;width:7px;height:7px;border-right:1.5px solid var(--lagoon-deep);border-top:1.5px solid var(--lagoon-deep);transform:rotate(45deg)}
#areas .area-news .news-list a:hover b{color:var(--lagoon-deep)}
html[data-hero-theme="halloween"] #areas .area-news{border-color:#DECDE9;background:#fff}
html[data-hero-theme="halloween"] #areas .area-news .news-list time{color:#74617D}
#pickup .news-layout{display:block}
#pickup .reco-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1179px){
 #areas .area-overview{grid-template-columns:minmax(0,1fr);grid-template-areas:"news" "heading" "map";gap:24px}
 #areas .area-news .section-head{margin-bottom:4px}
 #areas .area-news .news-list a{grid-template-columns:max-content max-content minmax(0,1fr) 16px;gap:12px;padding:6px 0}
 #areas .area-news .news-list a>div{grid-column:3}
 #areas .area-news .news-list a::after{grid-column:4;grid-row:1}
}
@media(max-width:860px){#pickup .reco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 #areas .area-overview{gap:24px}
 #areas .area-news{padding:18px;border-radius:16px}
 #areas .area-news .h2{font-size:22px}
 #areas .area-news .eyebrow{display:none}
 #areas .area-news .section-head{margin-bottom:6px}
 #areas .area-news .news-list a{grid-template-columns:max-content minmax(0,1fr) 16px;gap:3px 10px;padding:6px 0}
 #areas .area-news .news-list a>div{grid-column:1/3}
 #areas .area-news .news-list a::after{grid-column:3;grid-row:2}
}
@media(max-width:560px){#pickup .reco-grid{grid-template-columns:minmax(0,1fr)}}

/* Keep the selected area's hotels side by side on small screens. */
@media(max-width:560px){
 #hotelGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
 #hotelGrid>.hotel{min-width:0;border-radius:12px}
 #hotelGrid .hotel .body{padding:12px 10px;overflow-wrap:anywhere}
}