/* Locations list for /areas/: compact, descriptive and mobile-friendly. */
.villages-section{padding-top:62px;border-top:1px solid var(--line)}
.villages-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:32px}
.villages-heading h2{margin-bottom:0}
.villages-heading>p{max-width:455px;margin:0;line-height:1.8}
.villages-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.villages-group{border:1px solid var(--line);border-top:3px solid #729ab2;background:#fafaf8;padding:23px 21px}
.villages-group h3{font-size:1.13rem;line-height:1.35;margin:0 0 16px}
.villages-group h3 a{text-decoration:underline;text-decoration-color:#b6cbd5;text-underline-offset:5px}
.villages-group h3 a:hover{text-decoration-color:#325d76}
.villages-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.villages-list li{font-size:14px;line-height:1.45;color:var(--sub)}
.villages-note{font-size:13px;margin:21px 0 0;line-height:1.7}
.villages-note a{font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px){
 .villages-heading{display:block}
 .villages-heading>p{max-width:72ch;margin:20px 0 0}
 .villages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
 .villages-section{padding-top:48px}
 .villages-heading{margin-bottom:24px}
 .villages-grid{grid-template-columns:1fr}
 .villages-group{padding:21px 19px}
 .villages-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
 .villages-list li{font-size:13px}
}

/* Approved logo palette */
.villages-group{border-color:#dfe4e8;border-top-color:#1c4e90;background:#f8f9fa}
.villages-group h3 a{text-decoration-color:#8daac6}
.villages-group h3 a:hover{text-decoration-color:#1c4e90}