/* areas section styles (owned by the areas workstream) */
.area-hero { background: var(--sand); padding-bottom: 2rem; }
.area-hero__lede { font-size: 1.15rem; max-width: 46rem; color: var(--ink); }

.area-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: 2.5rem; align-items: start; }
.area-main > h2:first-child { margin-top: 0; }
.area-form h2 { margin-top: 0; }
.area-form { position: sticky; top: 1rem; }
@media (max-width: 900px) {
  .area-grid { grid-template-columns: 1fr; }
  .area-form { position: static; }
}

.area-notes { padding-left: 1.2rem; max-width: 42rem; }
.area-notes li { margin-bottom: .6rem; }
.area-notes li::marker { color: var(--accent); }

.area-services { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); }

.area-county + .area-county { margin-top: 2rem; }
.area-county h2 { margin-top: 0; }
.area-county .card h3 { margin-bottom: .2rem; }
.area-county .card p { margin: 0; }