.local-area { margin-block: 32px 52px; padding: 32px; background: #f0f5ef; border: 1px solid #dce6d9; border-radius: 24px; }
.local-area-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 26px; }
.local-area h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.12; letter-spacing: -.035em; margin: 0; color: #273532; }
.local-area-heading > p { font-size: 15px; line-height: 1.65; color: #536158; margin: 0; }
.local-area-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.local-area article { padding: 23px; border: 1px solid #dce5d9; border-radius: 18px; background: #fff; min-width: 0; }
.local-area article > span { display: inline-block; color: #33765d; background: #eaf3ed; border-radius: 9px; padding: 4px 10px; font-size: 11px; font-weight: 700; margin-bottom: 16px; }
.local-area article:nth-child(2) > span { color: #396a9d; background: #eaf1fb; }
.local-area article:nth-child(3) > span { color: #89651b; background: #fff5d5; }
.local-area h3 { font-size: 22px; line-height: 1.2; margin-bottom: 12px; color: #273532; }
.local-area article p { font-size: 14px; line-height: 1.65; color: #536158; margin-bottom: 17px; }
.local-area article a { font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.local-area-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.local-area-links a { padding-block: 5px; }
.local-area a:focus-visible { outline: 3px solid #33765d; outline-offset: 4px; }
.local-area-note { font-size: 13px; color: #536158; line-height: 1.65; margin: 22px 0 0; }
@media (max-width: 900px) { .local-area-heading { grid-template-columns: 1fr; gap: 18px; } .local-area-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .local-area { padding: 23px; margin-block: 24px 38px; border-radius: 20px; } .local-area h2 { font-size: 29px; } .local-area article { padding: 21px; } }