/* /sc/counties map CSS: design/county-map-mockup/counties-map.html (2b6bc8a5…84e2), the block after "county map mockup" minus the .mock banner rule (NOTES item 2 says merge into hank-v2.css; kept separate per Craig 10:56 #7) */
.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:16px;top:84px;z-index:30;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shh)}
.cmap .mapcard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:28px;margin:0 0 48px}
.scmap{display:block;width:100%;max-width:940px;height:auto;margin:0 auto}
.scmap path{fill:#E1EFFA;stroke:#8DB6D6;stroke-width:1.2;stroke-linejoin:round;transition:fill .15s}
.scmap text{font:500 12.5px Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;fill:var(--ink2);text-anchor:middle;dominant-baseline:middle;pointer-events:none;transition:fill .15s}
.scmap a{outline:none;cursor:pointer}
.scmap a:hover path,.scmap a:active path{fill:var(--sky);stroke:#fff}
.scmap a:focus-visible path{fill:var(--skyd);stroke:var(--ink);stroke-width:3}
.scmap a:hover text,.scmap a:active text,.scmap a:focus-visible text{fill:#fff;font-weight:700}
.cmap .mapcap{font-size:12.5px;color:var(--muted);text-align:right;margin-top:10px}
.cmap h2.lh{font-size:24px;margin:0 0 18px}
.cmap .counties a:focus-visible{outline:3px solid var(--skyd);outline-offset:2px}
@media (max-width:640px){.cmap .mapcard{padding:12px;margin-bottom:32px}.scmap text{display:none}.scmap path{stroke-width:2}}
.cmap:has(#l-abbeville:hover,#l-abbeville:focus-visible) #m-abbeville path,.cmap:has(#l-aiken:hover,#l-aiken:focus-visible) #m-aiken path,.cmap:has(#l-allendale:hover,#l-allendale:focus-visible) #m-allendale path,.cmap:has(#l-anderson:hover,#l-anderson:focus-visible) #m-anderson path,.cmap:has(#l-bamberg:hover,#l-bamberg:focus-visible) #m-bamberg path,.cmap:has(#l-barnwell:hover,#l-barnwell:focus-visible) #m-barnwell path,.cmap:has(#l-beaufort:hover,#l-beaufort:focus-visible) #m-beaufort path,.cmap:has(#l-berkeley:hover,#l-berkeley:focus-visible) #m-berkeley path,.cmap:has(#l-calhoun:hover,#l-calhoun:focus-visible) #m-calhoun path,.cmap:has(#l-charleston:hover,#l-charleston:focus-visible) #m-charleston path,.cmap:has(#l-cherokee:hover,#l-cherokee:focus-visible) #m-cherokee path,.cmap:has(#l-chester:hover,#l-chester:focus-visible) #m-chester path,.cmap:has(#l-chesterfield:hover,#l-chesterfield:focus-visible) #m-chesterfield path,.cmap:has(#l-clarendon:hover,#l-clarendon:focus-visible) #m-clarendon path,.cmap:has(#l-colleton:hover,#l-colleton:focus-visible) #m-colleton path,.cmap:has(#l-darlington:hover,#l-darlington:focus-visible) #m-darlington path,.cmap:has(#l-dillon:hover,#l-dillon:focus-visible) #m-dillon path,.cmap:has(#l-dorchester:hover,#l-dorchester:focus-visible) #m-dorchester path,.cmap:has(#l-edgefield:hover,#l-edgefield:focus-visible) #m-edgefield path,.cmap:has(#l-fairfield:hover,#l-fairfield:focus-visible) #m-fairfield path,.cmap:has(#l-florence:hover,#l-florence:focus-visible) #m-florence path,.cmap:has(#l-georgetown:hover,#l-georgetown:focus-visible) #m-georgetown path,.cmap:has(#l-greenville:hover,#l-greenville:focus-visible) #m-greenville path,.cmap:has(#l-greenwood:hover,#l-greenwood:focus-visible) #m-greenwood path,.cmap:has(#l-hampton:hover,#l-hampton:focus-visible) #m-hampton path,.cmap:has(#l-horry:hover,#l-horry:focus-visible) #m-horry path,.cmap:has(#l-jasper:hover,#l-jasper:focus-visible) #m-jasper path,.cmap:has(#l-kershaw:hover,#l-kershaw:focus-visible) #m-kershaw path,.cmap:has(#l-lancaster:hover,#l-lancaster:focus-visible) #m-lancaster path,.cmap:has(#l-laurens:hover,#l-laurens:focus-visible) #m-laurens path,.cmap:has(#l-lee:hover,#l-lee:focus-visible) #m-lee path,.cmap:has(#l-lexington:hover,#l-lexington:focus-visible) #m-lexington path,.cmap:has(#l-marion:hover,#l-marion:focus-visible) #m-marion path,.cmap:has(#l-marlboro:hover,#l-marlboro:focus-visible) #m-marlboro path,.cmap:has(#l-mccormick:hover,#l-mccormick:focus-visible) #m-mccormick path,.cmap:has(#l-newberry:hover,#l-newberry:focus-visible) #m-newberry path,.cmap:has(#l-oconee:hover,#l-oconee:focus-visible) #m-oconee path,.cmap:has(#l-orangeburg:hover,#l-orangeburg:focus-visible) #m-orangeburg path,.cmap:has(#l-pickens:hover,#l-pickens:focus-visible) #m-pickens path,.cmap:has(#l-richland:hover,#l-richland:focus-visible) #m-richland path,.cmap:has(#l-saluda:hover,#l-saluda:focus-visible) #m-saluda path,.cmap:has(#l-spartanburg:hover,#l-spartanburg:focus-visible) #m-spartanburg path,.cmap:has(#l-sumter:hover,#l-sumter:focus-visible) #m-sumter path,.cmap:has(#l-union:hover,#l-union:focus-visible) #m-union path,.cmap:has(#l-williamsburg:hover,#l-williamsburg:focus-visible) #m-williamsburg path,.cmap:has(#l-york:hover,#l-york:focus-visible) #m-york path{fill:var(--sky);stroke:#fff}