/* Compact homepage introduction to the map explorer. */
.annexation-case { padding: 1.6rem 1.7rem; border-left: 3px solid #a9bfae; background: #e3ece6; color: #40574b; }
.annexation-case__label { margin-bottom: .65rem; color: #185747; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.annexation-case__status { margin-bottom: .5rem; color: #103e33; font: 400 1.5rem/1.2 var(--font-heading); }
.annexation-case > p:last-of-type { font-size: .9375rem; line-height: 1.6; }
.annexation-case a { display: inline-block; margin-top: 1rem; color: #185747; font-size: .9375rem; font-weight: 650; text-underline-offset: .2em; }
.home-map-feature { padding-block: 2rem; background: #f7f8f4; border-bottom: 1px solid #dde5e1; }
.home-map-feature__inner { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(1.5rem, 4vw, 3rem); }
.home-map-feature__image { position: relative; display: block; overflow: hidden; border: 1px solid #b9c9bf; border-radius: 5px; background: #e5e6d5; }
.home-map-feature__image img { display: block; width: 100%; height: 220px; object-fit: cover; transition: transform .25s ease; }
.home-map-feature__image:hover img { transform: scale(1.025); }
.home-map-feature__image span { position: absolute; bottom: .65rem; left: .65rem; padding: .3rem .55rem; background: #fffef2ed; color: #244337; border: 1px solid #dce0d2; border-radius: 3px; font-size: .75rem; }
.home-map-feature__body h2 { margin: .4rem 0 .7rem; color: #103e33; font: 400 clamp(1.7rem, 3vw, 2.2rem)/1.15 var(--font-heading); letter-spacing: -.025em; }
.home-map-feature__body > p:not(.editorial-eyebrow) { max-width: 630px; color: #45574c; line-height: 1.65; font-size: 1rem; }
.home-map-feature__link { display: inline-block; margin-top: .95rem; padding-block: .2rem; color: #185747; font-size: .95rem; font-weight: 700; text-decoration: underline; text-underline-offset: .25em; }
.home-map-feature a:focus-visible, .annexation-case a:focus-visible { outline: 3px solid #9d7525; outline-offset: 4px; }
@media (max-width: 650px) {
  .annexation-case { padding: 1.15rem 1.25rem; }
  .home-map-feature__inner { grid-template-columns: 1fr; gap: 1.2rem; }
  .home-map-feature__image img { height: 190px; }
  .home-map-feature { padding-block: 1.5rem 1.8rem; }
}
@media (prefers-reduced-motion: reduce) { .home-map-feature__image img { transition: none; } }