/* Shared neighbourhood cards; typography comes from brand-typography.css. */
.areas:has(.cw-areas){padding:60px 0!important;}
.areas .container:has(.cw-areas){width:calc(100% - 64px);max-width:1376px;padding:0;margin-inline:auto;}
#areas:has(>.cw-areas)>:is(h2,h4){display:none;}
.cw-areas{clear:both;text-align:left;color:#223739;}
.cw-areas *{box-sizing:border-box;}
.cw-areas-heading{max-width:720px;margin-bottom:30px;}
.cw-areas-heading .cw-areas-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;margin:0 0 14px;}
.cw-areas-heading h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.1;letter-spacing:-1.5px;margin:0 0 18px;text-align:left;}
.cw-areas-heading>p:last-child{font-size:16px;line-height:1.65;color:#61706c;margin:0;}
.cw-areas-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:28px;}
.cw-area-card{display:block;color:#223739;text-decoration:none;min-width:0;}
.cw-area-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;}
.cw-area-card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;}
.cw-area-card-label h3{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.4px;}
.cw-area-card-label svg,.cw-areas-other svg{flex-shrink:0;}
.cw-areas-other{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;}
.cw-areas-other a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #d9e1dd;text-decoration:none;color:#223739;font-size:14px;}
.cw-areas a:hover{color:#e53b31;}
.cw-areas a:focus-visible{outline:2px solid #ff3e33;outline-offset:4px;}
@media(max-width:900px){.cw-areas-featured,.cw-areas-other{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.areas:has(.cw-areas){padding:40px 0!important;}.areas .container:has(.cw-areas){width:calc(100% - 32px);}.cw-areas-featured{gap:16px;}.cw-area-card-label h3{font-size:17px;}.cw-areas-other{column-gap:20px;}.cw-areas-heading{margin-bottom:24px;}}

/* Override legacy centred package-intro headings and paragraphs. */
.areas .package-intro .cw-areas,.areas .package-intro .cw-areas-heading{text-align:left!important;}
.areas .package-intro .cw-areas-heading{margin:0 0 30px!important;max-width:720px;}
.areas .package-intro .cw-areas-heading :is(h2,p){text-align:left!important;margin-left:0!important;margin-right:0!important;}