.area-map{margin:0 0 var(--s6);padding:var(--s4);background:var(--white);border:1px solid var(--line);border-top:3px solid var(--river);border-radius:var(--r);container-type:inline-size}.area-map__figure{gap:var(--s3) var(--s5);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.area-map__svg{width:100%;max-width:36rem;height:auto}.area-map__legend{gap:var(--s1) var(--s5);max-width:none;margin:0;padding:0;list-style:none;display:grid}.area-map__legend li{align-items:center;gap:var(--s2);text-wrap:balance;margin:0;display:flex}.area-map__key{flex:none;width:14px;height:14px;overflow:visible}.area-map figcaption{color:var(--ink-2);max-width:var(--measure);margin:0;font-size:.9375rem}@container (width>=22rem){.area-map__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=46rem){.area-map__figure{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,36rem) minmax(0,1fr);align-items:start}.area-map__svg{grid-row:1/span 2}.area-map__legend{grid-template-columns:minmax(0,1fr)}}.am-county path{fill:var(--stone);stroke:var(--line-strong);stroke-width:.8px;stroke-linejoin:round}.am-water{fill:var(--river-tint);stroke:var(--river);stroke-opacity:.5;stroke-width:.6px;stroke-linejoin:round}.am-road path{fill:none;stroke:var(--ink-2);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.am-dots--vancouver{fill:var(--river);stroke:var(--white);stroke-width:.9px}.am-dots--clark-unincorporated{fill:var(--white);stroke:var(--river);stroke-width:1.5px}.am-dots--clark-cities{fill:var(--copper);stroke:var(--white);stroke-width:.9px}.am-dots--cowlitz{fill:var(--ink-2);stroke:var(--white);stroke-width:.9px}.area-map__svg .am-dots>*{transform-box:fill-box;transform-origin:50%}.area-map__svg text{paint-order:stroke;stroke:var(--white);stroke-width:3px;stroke-linejoin:round}.am-city{fill:var(--ink);font-size:11px;font-weight:600}.am-road-name{fill:var(--ink-2);font-size:9.5px;font-weight:700}.am-county-name{letter-spacing:.16em;fill:var(--ink-2);font-size:9px;font-weight:700}.am-water-name{letter-spacing:.04em;fill:var(--river);font-size:10px;font-weight:600}@container (width<=519px){.am-city{font-size:15px}.am-road-name,.am-water-name{font-size:13px}.am-county-name{font-size:12px}.area-map__svg text{stroke-width:4px}.area-map__svg .am-dots>*{transform:scale(1.2)}.area-map__svg .am-road-name{transform:translateY(3px)}.area-map__svg .am-city[text-anchor=end]{transform:translate(-2px)}.area-map__svg .am-city[text-anchor=start]{transform:translate(2px)}}@container (width<=379px){.am-city{font-size:21px}.am-road-name,.am-water-name{font-size:17px}.am-county-name{font-size:16px}.area-map__svg text{stroke-width:5.5px}.area-map__svg .am-dots>*{transform:scale(1.4)}.area-map__svg .am-road-name{transform:translateY(6px)}.area-map__svg .am-city[text-anchor=end]{transform:translate(-3px)}.area-map__svg .am-city[text-anchor=start]{transform:translate(3px)}}@media (width<=399px){.area-map{padding:var(--s3)}}@media (width<=999px){.area-map__legend a{align-items:center;min-height:44px;display:inline-flex}}@media print{.area-map{break-inside:avoid}}
