Bootstrap 5 Interactive Texas Region Map (SVG)

<section class="wdw-stage">
  <div class="container" style="max-width: 1040px">
    <div class="wdw-card p-3 p-md-4 p-lg-5">
      <div class="row g-4 g-lg-5 align-items-center">
        <div class="col-lg-7">
          <svg class="tx-map" viewBox="489 -4 652 604" role="group" aria-label="Interactive map of Texas service regions">
            <g class="tx-regions"><path class="tx-region" id="TexasWest" data-region="TexasWest" tabindex="0" role="button" aria-label="West Texas" d="M489.3,224.7c19.9,1.4,40,2.8,59.9,4.2c31.9,2.2,63.6,4.5,95.5,6.7c7.3,0.5,14.5,1,21.8,1.5 c1.3-18.2,2.5-36.6,3.8-54.8c2.4-35.5,4.9-70.9,7.3-106.5c1.7-24.3,3.3-48.8,5-73.1c0-0.6-0.1-2.6,0.3-3c0.4-0.3,2.3,0.1,2.7,0.1 c1.9,0.1,3.9,0.1,5.8,0.2c14.4,0.6,28.9,1.1,43.3,1.7c29.2,1.1,58.4,2.2,87.6,3.3c0.5,0,1.1,0,1.6,0.1c-0.8,15.6-1.7,31.3-2.5,47 c-0.6,11-1.2,22.1-1.8,33.2c-0.2,3.9-0.4,7.9-0.6,11.8c-0.1,1.5,0.3,4.2-0.3,5.6c-0.4,0.9-2,1.6-2.9,2.2c-1.4,1-1.1,1.2-1.1,2.9 c0,5.4,0,10.7,0,16.1c0,1-0.5,3.5,0,4.5c0.7,1.4,3.7,1.6,4.6,3c0.8,1.4,0,5.4,0,6.9c-0.1,10.9-0.2,21.8-0.3,32.7c0,2,0,4-0.1,6 c0,0.6,0.3,2.5,0,3c-1.1,1.5-6.4-0.5-7.3,1.2c-0.4,0.7-0.1,2.7-0.1,3.5c-0.1,2.1-0.1,4.2-0.2,6.3c-0.2,5.7-0.4,11.3-0.6,17 c-0.2,5.4-0.4,10.8-0.6,16.2c-0.1,1.7-0.1,3.5-0.2,5.2c0,0.3-0.3,4-0.1,4.3c0.3,0.4,2.8,0.2,3.3,0.2c2.7,0.2,5.5,0.3,8.2,0.5 c2.6,0.2,5.1-0.7,7.7-0.5c0.6,0,2.4-0.1,2.7,0.3c0.4,0.6,0,2.3,0,3c0,2.6,0,5.1,0,7.7c0,5.3,0,10.7,0,16c0,0.4,0.3,2.8,0,3.1 c-0.4,0.4-3.6,0.1-4.2,0.1c-2.9,0-5.7,0-8.6,0c-1.1,0-5.1-0.8-6-0.1c-0.7,0.5-0.4,2.9-0.4,3.9c-0.1,4-0.3,8.1-0.4,12.1 c-0.4,11.5-0.7,23-1.1,34.5c-0.2,4.9-0.3,9.9-0.5,14.8c-0.1,2.8,0.3,6.1-0.3,8.8c-0.1,0.3,0.1,0.8-0.1,1c-0.5,0.4-3.3,0-4,0 c-5.5,0-11,0-16.5,0c-1.6,0-6.5-0.7-7.2,0.5c-0.5,1-0.2,3.3-0.2,4.4c-0.1,2.4-0.3,4.8-0.4,7.2c-0.3,5.7-0.6,11.4-0.9,17.2 c-0.1,2.1-0.2,4.3-0.3,6.4c0,0.5,0.2,2.2-0.1,2.6c-0.5,0.6-3,1-3.7,1.2c-2.7,0.9-5.4,1.7-8.1,2.6c-1.8,0.6-4.2,1.9-6.1,1.9 c-1.3,0-2.4-1.3-3.5-2.1c-1.1-0.8-3.1-3-4.5-3.3c-1.6-0.3-4.4,0.9-6,1.3c-0.4-3.6-0.4-7.6-1.2-11.2c-0.4-1.7-1.5-1.3-3.3-1.5 c-8.7-1.3-17.4-2.6-26.1-3.9c-4.2-0.6-8.5-1.3-12.7-1.9c-1.2-0.2-4.9-1.4-6.1-0.9c-0.8,0.3-1.7,2.7-2.1,3.4 c-0.6,1-1.6,3.7-2.7,4.3c-0.8,0.4-3-0.1-3.8-0.1c-2.4,0-4.8,0-7.2,0c-0.8,0-2.5-0.3-3.1,0.1c-0.8,0.5-1.6,2.9-2,3.7 c-2.1,3.8-4.1,7.6-6.2,11.4c-0.5,0.9-0.8,1.3-1.5,2c-0.9,0.8-4.1,3-4.4,4.2c-0.2,0.9,1.3,2.8,1.8,3.7c0.4,0.8,2.3,3.2,2.1,4.1 c-0.1,0.6-2,2-2.5,2.4c-1.7,1.6-3.4,3.3-5.1,4.9c-1.7,1.6-4.1,5.1-6.3,5.8c-1.6,0.5-4.1,0-5.7,0c-2,0-4.3,0.3-6.4,0 c-2.5-0.4-4.9-4-6.7-5.8c-2.2-2.2-3.5-3.7-6.3-4.8c-3.9-1.5-8.1-2.8-11.9-4.5c-1.5-0.7-2.9-1.9-4.3-2.8c-3.7-2.6-7.4-5.2-11.1-7.8 c-3.6-2.5-7.2-5-10.8-7.6c-1.3-0.9-3-1.7-3.8-3c-2-3.1-3-7.4-4.4-10.8c-1.5-3.6-3.4-7.3-4.5-11c-0.7-2.4,0.6-5.5,1-7.9 c0.5-2.7,2.1-6.1,0.4-8.4c-1.3-1.8-2.6-3.6-3.9-5.4c-0.8-1.1-2.1-2.3-2.6-3.5c-1.2-2.9-0.1-6.7-1.4-9.5c-0.4-1-1.6-1.9-2.3-2.7 c-1.5-1.8-3-3.6-4.5-5.4c-1.9-2.3-3.8-5.5-6.1-7.3c-2.7-2.1-6.7-2.7-9.4-4.8c-1.9-1.5-3.5-4-5-5.8c-4.3-5-8.9-9.9-12.9-15.1 c-2.7-3.5-5.4-6.9-8.2-10.4c-1.8-2.3-2.6-3.8-5.3-4.9c-2.2-0.9-4.3-1.8-6.5-2.7c-0.8-0.3-2.3-0.7-2.9-1.3c-0.8-1-1-3.4-1.3-4.6 c-0.7-2.3-1.3-4.6-2-6.8c-0.2-0.8-0.4-2.1-0.9-2.7c-0.8-1-2.7-1.9-3.8-2.7c-2-1.4-3.9-2.8-5.9-4.1c-1.1-0.8-2.8-1.5-3.6-2.5 C491.1,230.8,490.4,227.2,489.3,224.7z"/><path class="tx-region" id="TexasNorth" data-region="TexasNorth" tabindex="0" role="button" aria-label="North Texas" d="M822.1,89.6c-0.2,3.8-0.4,7.6-0.5,11.4c-0.1,1.6,0.3,4.3-0.3,5.8c-0.2,0.6,0.1,0.4-0.3,0.7 c-0.5,0.4-2.4,0-3.1,0c0.6,5.6-1.8,8.2-1.3,13.8c0.2,1.6,0,4.1,0.9,5.4c1.3,1.8,4.9,3.8,4.9,5.9c-0.4,12.6-0.9,25.1-1.3,37.8 c-0.2,4.4-0.3,8.8-0.5,13.2c-2.2-0.4-4.5-0.7-6.7-1.1c-0.4,14.3-0.8,28.7-1.2,43c-0.1,2.1-0.1,4.2-0.2,6.3 c16,0.1,32.1,0.2,48.1,0.3c4.5,0,10.1,1.2,14.1-1.1c4.1-2.3,8.2-4.7,12.3-7c0.5-0.3,1.7-1.3,2.2-1.1c0.8,0.3,2,3.1,2.5,3.8 c2.9,4.4,5.8,8.8,8.6,13.2c1.2,1.9,1.1,0.8,3.2,0.1c1.2-0.4,0.9-0.5,1.7,0.6c0.7,1,1.3,1.9,1.9,2.9c8.8-5.9,17.5-11.9,26.3-17.8 c1-0.7,1.4-1.1,2.5-1.2c2.9-0.3,6.3,0.3,9.2,0.5c1.7,0.1,2.8-0.2,3.9,0.9c1.6,1.7,2.8,4.3,4.1,6.3c3.2,4.9,6.4,9.8,9.5,14.7 c0.9-0.7,1.8-1.3,2.7-2c1.5,2.4,2.8,5,4.4,7.3c0.6,0.9,0.3,0.8,1.1,0.8c1,0,3.1-1.8,3.9-2.3c1.8-1,3.8-2.8,5.8-3.1 c2.9-0.5,6.6,0.2,9.5,0.3c3.3,0.1,5.9-1.2,9-2.2c6.6-2.3,13.2-2.6,19.8-4.9c6-2.1,13.1-4.2,19.1-6.3c0.8-0.3,3-0.6,3.6-1.2 c0.5-0.6-1.1-4.3-1-5.1c0.3-1.4-0.3-0.6,0.7-1c0.8-0.3,2.2-0.1,3.1-0.2c1.7-0.1,3.5-0.2,5.2-0.3c3.6-0.2,7.2-0.4,10.7-0.5 c1-0.1,5.6-1,6.4-0.3c0.7,0.5,0.6,4.6,0.6,5.5c0.4,3.7,0.7,7.5,1.2,11.2c0.1,0.7,0,1,0.4,1.3c0.6,0.3,2.7-0.1,3.3-0.1 c6.4-0.3,12.9-0.6,19.3-0.8c-0.8-0.8-2.9-2.2-3.3-3.3c-0.2-0.6,0.5-4.1,0.9-4.6c0.9-1.1,4.6-0.5,6.1-0.5 c6.8-0.1,13.6-0.2,20.4-0.3c-1.3-1.8-3.3-3.6-3.7-5.8s-0.2-4.6-0.3-6.8c-0.4-9.1-0.8-18.2-1.2-27.4c-0.4-10.5-0.9-21-1.3-31.6 c-0.2-4-0.3-8.1-0.5-12.1c-0.1-1.8,0.4-5-0.3-6.7c-0.1-0.4,0.1-0.5-0.2-0.7c-0.7-0.6-4.2-0.1-5.1-0.2c-2.6-0.1-5.3-0.2-7.9-0.3 c-1.6-0.1-4.1,0.4-5.6-0.2c-1.3-0.5-1.7-2.4-2.9-3.2c-1.1-0.8-3.2-0.8-4.5-1.1c-1.8-0.4-4.3-0.5-5.9-1.3c-1.4-0.7-2.3-2.4-3.8-3 c-1.5-0.6-3.5,0-5-0.7c-1.3-0.6-2.6-2.1-3.8-3c-2-1.6-4.1-3.2-6.1-4.8c-1-0.8-2.1-2-3.2-2.5c-0.6-0.3-2.2-0.6-2.9-0.5 c-1.2,0.1-0.9,0.2-1.6,1.6c-0.8,1.8-2.3,2.3-4,3.4c-1.7,1.1-2.2,1.6-4.1,1.3c-1.6-0.3-4.5-0.2-5.8-1.1c-1.1-0.8-1.6-3.3-2.9-3.5 c-0.6-0.1-2.1,0.9-2.7,1.2c-1.2,0.5-2.5,1-3.6,1.6c-1.4,0.7-2.3,2.4-3.7,3c-1.3,0.6-3.1-1-4.4-1.7c-2-1.1-2.2-0.7-4.3,0.4 c-1.5,0.8-3,1.8-4.7,2.1c-1.1,0.2-2.3,0-3.4,0.2c-1.2,0.3-0.8-0.1-1.3,1.2c-0.3,0.8-0.2,2.6-0.7,3.1c-0.4,0.4-2,0.4-2.6,0.5 c-1.2,0.2-1.1,0-1.5,0.8c-0.4,0.7-0.2,2.2-0.3,3.1c-1.8-1.1-3.7-2.5-5.7-3.3c-1.5-0.6-3.6,0.3-5-0.4c-1.2-0.6-2.6-3.3-3.4-4.4 c-1.2-1.6-2.5-3.2-3.7-4.8c-0.6,0.9-1.7,3.3-2.7,3.8c-1,0.4-3.7-0.5-4.8-0.6c-0.9-0.1-3.7,0-4.3-0.6c-0.7-0.7-0.5-3.9-0.7-5 c-3.3,5-6.7,10-10,15c-0.8-2-1.5-4-2.3-6c-0.4-1.1-1.1-4.1-2-4.3c-0.6-0.1-2.1,0.7-2.7,0.9c-1.4,0.5-2.9,1-4.3,1.4 c-1.9,0.6-3.8,1.3-5.7,1.9c-0.1-1.1,0.2-4.1-0.6-4.7c-1-0.8-4.4-0.7-5.8-1c0.2-1.2,0.4-2.5,0.7-3.7c-1.5-0.1-3.6-0.7-5-0.1 c-2.1,0.9-3.7,3.4-5.7,4.6c-1.5,0.9-3.3,0.7-5.1,0.7c-0.6,0-2.6,0.5-3.1,0.1c-0.4-0.3-0.3-1.2-0.3-1.8c0-0.8,0.2-2.9-0.2-3.6 c-0.3-0.4-0.8-0.5-1.4-0.6c-1.2-0.3-2.5-0.6-3.7-1c-0.4-0.1-2.2-0.3-2.5-0.7c-1.1-1.3,0.8-4.9,0-6.3c-0.5-0.8-3.3-0.5-4.5-0.5 c-1.4,0-5.5-0.9-6.7-0.1c-0.6,0.4-1.2,2.5-1.5,3.1c-0.5,1.1-1,2.1-1.5,3.2c-1.4-1.2-2.9-2.5-4.3-3.7c-1-0.9-2.6-2.9-3.9-3.3 c-1.6-0.5-4.6,0.4-6.3,0.5c-1.8,0.1-2.3-0.1-3.9-1c-1.6-0.8-3.4-2.1-5.2-2.6c-1.7-0.4-3.9-0.2-5.6-0.3c-1.8-0.1-5.1,0.4-6.8-0.3 c-1.2-0.5-1.1-2.2-1.5-3.7c-0.4-1.8-0.5-3.9-1.7-5.2c-1.5-1.7-3.7-3.1-5.4-4.5c-1.7,2.2-3.3,4.5-5,6.7c-0.6-1.2-1.1-3.3-2.1-4.1 c-0.8-0.8-1.7-0.1-3,0.4c-0.7,0.2-2.6,1.2-3.3,1s-1.8-1.8-2.3-2.2c-2.6-2.6-5.2-5.1-7.9-7.7c-0.4-0.4-1.1-1.3-1.6-1.5 C825.2,88.8,823.1,89.5,822.1,89.6z"/><path class="tx-region" id="TexasCentral" data-region="TexasCentral" tabindex="0" role="button" aria-label="Central Texas" d="M834,234.4c12.1,0,24.3,0,36.5,0c1.4,0,1.8-0.2,3-0.9c3.2-1.8,6.4-1.7,9.6-3.5c1.4-0.8,2.9-1.7,4.3-2.5 c0.3-0.1,1.9-1.4,2.2-1.3c0.3,0.1,0.7,1.1,0.9,1.4c0.9,1.5,1.8,2.9,2.8,4.4c2.3,3.6,4.5,7.1,6.8,10.7c0.2,0.3,0.9,1.9,1.3,2 c0.7,0.2,3.4-2.1,4-2.5c0.7,1.2,1.3,2.4,2,3.6c4.9-3,9.7-6,14.6-9c3.3-2,6.6-5.1,9.9-7.1c1.3-0.8,2.8-2.2,4.3-2.6 c1-0.3,2.5-0.1,3.5-0.1c2.1-0.1,4.2,0.9,6.3,0.8c2.6-0.1,2.5-0.2,3.8,2c3.7,6.3,7.3,12.6,11,18.9c0.2,0.3,0.6,1.4,0.9,1.5 c1.1,0.4,3.2-2.2,4.4-1.9c0.9,0.2,1.7,2.3,2.2,3.2c3.9,6.6,7.7,13.2,11.6,19.8c1.7,2.9,3.5,5.9,5.2,8.8c0.6,1,1.7,2.2,1.3,3.1 s-3,2-3.8,2.5c-1.7,1.1-3.4,2.3-5.2,3.4c-2.2,1.4-1.6,1.4-0.6,3.7c1.7,4,3.4,7.9,5.1,11.9c0.8,1.8,1.5,3.6,2.3,5.3 c0.2,0.4,1.3,2.1,1.1,2.6c-0.1,0.4-1.9,1.2-2.2,1.4c-1.8,1.1-3.7,2.2-5.5,3.3c-2.8,1.7-5.5,3.3-8.3,5c3.9,4.7,7.8,9.4,11.6,14.1 c0.7,0.8,1.7,1.7,2.2,2.7c0.5,1,0.5,0.2,0,1.4c-0.8,2.1-2.7,4.4-4.3,5.9c-1.3,1.1-2.6,2.2-3.9,3.3c-1.2,1-2.5,2.6-3.9,3.3 c-0.8,0.4-1.6,0.3-2.7,0.3c-1.6,0-1.4-0.1-2.3,0.7c-4.1,3.5-6.6,9.1-10.7,12.7c-4.8,4.1-10.6,7.4-15.8,10.9 c-0.6-0.9-1.1-1.9-1.7-2.8c-3.5,5.2-7,10.5-10.5,15.7c-1.2,1.8-2.4,3.6-1.8,5.9c0.5,1.9,3.8,4.2,5.3,5.7 c-4.1,3.9-8.2,7.8-12.2,11.7c-2.5,2.4-5.1,4.9-7.6,7.3c-1.7,1.7-2.6,1.6-1.1,3.6c0.4,0.5,3.3,1.5,3.3,2.2 c-0.1,0.6-3.4,3.1-3.9,3.5c-1.6,1.4-3.9,4.4-5.9,5.1c-1.1,0.4-3,0-4.2,0.1c-3,0-6,0.1-9.1,0.1c-7.9,0.1-15.9,0.2-23.8,0.3 c-3.4,0-6.9,0.1-10.3,0.1c-2,0-4.2,0.4-6.2,0.1c-1.1-0.2-0.9,0-1.7-1c-1.9-2.1-3.6-4.3-5.4-6.4c-4.8-5.7-9.7-11.4-14.5-17 c-0.7-0.8-1.7-2.6-2.6-3c-0.7-0.4-2.4-0.1-3.2-0.1c-2-0.1-4.1-0.2-6.1-0.3c-1.5-0.1-4,0.3-5.3-0.5c-1.6-1-3-3.2-4.2-4.6 c-5.2-5.6-10.4-11.3-15.6-16.9c-2-2.2-4-4.4-6.1-6.6c-0.7-0.7-1.3-1.3-1.6-2.1c-0.5-1.9,0.1-4.8,0.1-6.8c0.1-3.8,0.1-7.7,0.2-11.5 c0.1-3.8,0.1-7.6,0.2-11.4c0-1.4,0.1-2.8,0.1-4.1c0-0.5-0.2-1.9,0-2.3c0.4-0.6,2.6-0.3,3.5-0.3c3.7,0,7.3,0,11,0c3.7,0,7.3,0,11,0 c0.7,0,3.1,0.4,3.5-0.1s0-2.9,0-3.5c0-2.5,0.1-5,0.1-7.5c0.1-7.4,0.2-14.7,0.3-22.1c0.2-13.2,0.4-26.5,0.5-39.8c0-0.8,0-1.7,0-2.5 c6.6,0.2,13.2,0.5,19.7,0.7C833.7,256.7,833.8,244.4,834,234.4z"/><path class="tx-region" id="TexasSouth" data-region="TexasSouth" tabindex="0" role="button" aria-label="South Texas" d="M763.8,387.1c2.5-1,5.1-2,7.6-3.1c1.8-0.7,3.7-1.5,5.5-2.2c1-0.4,2.6-1.5,3.7-1.5c1.1,0,1.5,0.9,2.4,1.8 c2.1,2.2,4.1,4.4,6.2,6.6c5.5,5.8,10.9,11.7,16.4,17.5c1.5,1.6,3,3.8,4.8,5.1c1.3,0.9,2.8,0.6,4.5,0.7c1.9,0.1,3.8,0.2,5.6,0.3 c1.2,0.1,3.4-0.3,4.5,0.2s2,2.1,2.8,3.1c4.9,5.9,9.8,11.8,14.8,17.7c1.2,1.4,2.9,4.3,4.5,5.3c0.7,0.4,1.7,0.1,2.5,0.1 c6.5,0,13.1,0,19.6,0c7.7,0,15.5,0,23.2,0c2.1,0,4.5-0.1,6.6,0.2c1.3,0.2,1.1-0.1,1.1,1.4c0.2,7.1,0.4,14.2,0.6,21.2 c0.1,3.2,0.2,6.3,0.3,9.5c0,0.3-0.2,1.7,0.1,2c0.5,0.7,2.7-0.4,3.5,0.1c0.7,0.4,0.2,2.3,0.2,3.3c0,3.3,0,6.5,0,9.8 c0,7.9,0,15.9,0,23.8c0,2.3-0.2,4.9,0.1,7.2c0,0.2-0.1,0.9,0.1,1.1c0.3,0.4,3,0.1,3.4,0.2c1.9,0.1,3.9,0.2,5.9,0.3 c0.9,0,3.4-0.3,4.1,0.2c0.6,0.4,0.3,2.4,0.3,3.3c0.3,13.7,0.6,27.5,0.8,41.2c0,2.1,0.9,1.7,3.1,2.3c0.6,0.2,2.7,0.4,3.1,0.9 c0.4,0.6,0.1,2.7,0.2,3.3c0.2,3.8,0.4,7.7,0.6,11.5c0.1,1.2,0.5,3,0.2,4.1c-0.3,1,0.2,0.6-1.1,1c-2.8,1-5.9,1.6-8.8,2.4 c-0.1-0.8-0.1-2.4-0.6-3c-0.4-0.5-0.5-0.3-1.3-0.4c-2.7-0.4-5.5-0.3-8.2-0.5c-1.2-0.1-2.1,0-3.2-0.5c-1.9-1-3.6-2.6-5.3-3.9 c-3.7-2.7-7.4-6.1-11.4-8.4c-3.5-2-7.8-3.1-11.5-4.6c-1.4-0.5-2.9-1.4-4.4-1.5c-2.4-0.1-5.2,0.9-7.6,1.3c0.2-1.4,1-3.8,0.6-5.2 c-0.3-1.3-2.3-2.8-3.2-3.9c-1.8-2.2-2.2-5.5-3-8.2c-0.7-2.2-1.3-4.4-2-6.7c-0.2-0.8-0.6-3.6-1.2-4.1c-0.8-0.6-3.4,0.5-4.5,0.4 s-0.5,0.3-1-0.4s-0.3-2.5-0.5-3.3c-0.7-2.5-3.8-4.5-3.6-7.1c0.2-2.2,0.9-4.5,1.4-6.6c0.2-1,1-3.1,0.6-3.9 c-0.6-1.1-2.7-1.1-3.2-2.2c-0.5-1.2-0.1-3.4-0.2-4.7c-0.1-2.4-0.2-4.8-0.3-7.3c-0.1-1.4,0.3-3.9-0.2-5.3c-0.3-0.9-1-1-2-1.5 c-2.1-1.1-4.2-2.1-6.3-3.2c-2.8-1.4-4.8-3.8-7.1-6c-0.9-0.9-2.8-2.1-3.3-3.2c-0.7-1.4,0.2-3.5-0.3-5c-1.1-2.8-6.1-3.8-7.8-6.3 c-0.8-1.2-0.2-3.1-0.9-4.4c-0.5-1-2-1.9-2.8-2.6c-2.4-2.1-5.3-4.1-7.2-6.7c-1.2-1.7-2.2-3.6-3.3-5.4c-0.8-1.3-2.3-2.9-2.7-4.4 c-0.7-2.5,1.6-6.1,0.1-8.3c-1.2-1.7-3.4-2.8-4.8-4.3c-0.9-1-1.3-2.1-1.8-3.3c-1.3-3-3-5.9-4.2-9c-2.5-6.4-2.8-13.6-7.6-18.8 c-1.2-1.3-1.9-0.8-3.7-0.6c0.2-1.4,1.2-4.8,0.7-6c-0.2-0.4-1.3-0.9-1.7-1.2c-1.3-0.9-2.5-1.8-3.8-2.6c-1.7-1.2-4.1-2.3-5.5-3.8 C765.7,391.1,764.8,388.8,763.8,387.1z"/><path class="tx-region" id="TexasEast" data-region="TexasEast" tabindex="0" role="button" aria-label="East Texas" d="M972.9,255.6c2.6-1.3,5.2-2.9,7.9-3.9c2.1-0.8,4.5-0.4,6.7-0.4c3.6,0,5.8-0.5,9.2-1.6 c12.9-4.1,25.9-8.2,38.9-12.3c3.9-1.2,7.8-2.5,11.6-3.7c-0.9-1.5-1.8-3.1-2.7-4.6c4.6,0.1,9.2,0.2,13.9,0.3c2.1,0.1,5-0.4,7,0.2 c1.3,0.4,0.9,0.8,1,2.5c0.2,3,0.4,6.1,0.6,9.1c0,0.8-0.2,3.6,0.4,4.1c0.7,0.5,4-0.1,4.9-0.1c3,0,6-0.1,9.1-0.1 c4.9-0.1,9.8-0.1,14.7-0.2c-1-2.5-2-4.9-3-7.4c4.5-0.1,9-0.3,13.5-0.4c2.4-0.1,4.9-0.2,7.3-0.2c1.5,0,1.6,0.3,2.8,1.5 c1.8,1.8,4.1,3.6,5.6,5.6c0.9,1.2,0.7,2.5,0.8,4.1c0.2,2.8,0,5.8,0.5,8.5c0.3,1.9,2.1,2.4,3.7,3.5c0.7,0.5,1.6,0.8,1.9,1.6 c0.4,1.1-0.4,2.7,0,3.7c0.9,1.9,3.7,3.8,5.2,5.3c-1,0.6-2.1,1.1-3.1,1.7c1.6,2,3.2,4,4.8,6.1c0.5,0.6,0.9,1.3,1.5,1.7 c0.7,0.4,2.4,0.1,2.8,0.8c0.3,0.4-0.1,2.2-0.1,2.7c-0.1,1.7-0.1,3.4-0.2,5.1c-0.1,2.5-0.2,4.9-0.3,7.4c-0.1,2.4-0.3,4.7-0.4,7 c-0.2,3.1,0,3.5-2.3,5.5c-0.8,0.7-2.7,1.8-3.1,2.7c-0.3,0.7,0.5,1.6,0.4,2.4c-0.2,2.4-2.6,4-1.8,6.4c0.3,1,1.6,2.5,1.4,3.5 c-0.3,1.4-2.3,2.4-2.5,3.8c-0.1,0.9,0.9,2.5,1.2,3.3c0.5,1.3,1,2.5,1.4,3.8c-2.9,0.2-5.8,0.3-8.8,0.5c-1.9,0.1-3.8,0.2-5.7,0.3 c-0.7,0-2.9,0.6-3.5,0.2c-0.7-0.5-0.4-2.6-0.9-3.4c-0.6-0.9,0.1-0.3-0.9-0.5c-1.7-0.3-4.5,0.6-6.3,0.8 c-14.9,1.8-29.9,3.7-44.8,5.5c-0.9,0.1-2,0.4-3,0.2c-1.1-0.2-2.5-1.2-3.5-1.7c-1.9-1-3.9-1.9-5.8-2.9c-2.2-1.1-3.4-2.4-5.6-1.4 c-3.5,1.5-7,3-10.6,4.6c-1.7,0.7-3.9,2.3-5.6,1.9c-3.3-0.9-6.9-3.5-10-5c-2.3-1.2-4.3-2.3-6.8-2.8c-2-0.4-2.3-0.8-3.8,0.4 c-0.6,0.5-1.3,1.3-2,1.6c-0.9,0.4-0.6,0.3-1.7-0.1c-1.6-0.5-1.8-0.9-3.3-0.5c-2,0.5-3.9,1.4-5.9,2.1c-2.9,1-5.7,2.9-8.7,2 c-1.4-0.4-3.3-0.6-4.5-1.4s-2.3-2.4-3.2-3.5c-2.2-2.6-4.2-5.3-6.3-8c3.2-2.1,6.3-4.2,9.5-6.3c1.4-0.9,7-3.6,7-5.1 c0-1.2-1.6-3.5-2.2-4.6c-1.1-2.4-2.3-4.8-3.4-7.2c-1-2.1-2-4.3-3-6.4c-0.2-0.4-1.5-2.4-1.3-2.8c0.3-1,4.6-2.5,5.5-3 c1.8-1,3.7-2,5.5-3.1C984.8,275.2,978.9,265.4,972.9,255.6z"/><path class="tx-region" id="TexasNorthGulf" data-region="TexasNorthGulf" tabindex="0" role="button" aria-label="Upper Gulf Coast" d="M987.9,339.1c5.6-1.1,11.1-2.2,16.7-3.3c2.4-0.5,5.3-1.6,7.7-1.5c1.4,0,2.8,1,4.1,1.5 c3.4,1.5,6.8,2.9,10.1,4.4c1.7,0.7,2.6,1.4,4.2,1c3.1-0.8,6.2-2.5,9.2-3.8c1.5-0.6,3-1.2,4.5-1.9c0.6-0.2,1.7-1,2.4-1 c1.7,0,4.5,2.3,6,3.1c2.1,1.1,5,3.4,7.4,3.9c0.8,0.1,2-0.2,2.8-0.3c2.5-0.3,5-0.6,7.5-0.9c13.3-1.7,26.7-3.4,40.1-5 c0.6-0.1,1.7-0.4,2.3-0.3c0.9,0.2,0.1-0.4,0.8,0.6c0.5,0.7,0.2,2.9,0.9,3.4c0.5,0.3,2.4-0.1,3-0.1c6.6-0.2,13.1-0.4,19.7-0.6 c-1.3,3.1-2.4,5.9-3,9.2c-0.4,2.1-0.7,2.1-2.6,3.1c-1.3,0.7-1.6,1.1-2.4,2.4c-1.2,1.9-2.5,3.8-3.7,5.7c-0.7,1.1-1.4,1.8-1.4,3 c0,1,0.4,3.9,1.1,4.5c1,0.9,3.5,1.2,4.8,1.6c-3.2,0.4-6.4,0.7-9.5,1.2c-1.8,0.3-3.3,1.1-5,1.9c-5.8,2.7-11.5,5.5-17.3,8.2 c0-1.7,0.5-2-0.9-2.4c-1.2-0.3-3.6-0.5-4.9-0.3c-2.5,0.4-5.1,1.8-7.5,2.7c1.1-2.3,2.2-4.5,3.3-6.8c0.9-1.9,0.7-2.9-0.1-5 c-1.2-3-3.8-4.9-6.6-2.4c-2,1.8-3.1,4.6-3.8,7.1c-2.3-1.3-6.8-4.1-9.5-3.4c-2.2,0.6-1.1,2.9,0.2,3.9c1.7,1.4,2,0.7,2.3,3 c0.4,3,1.5,5.4,2.4,8.3c0.4,1.1,0.5,3.4,1.3,4.3c0.8,0.9,3.2,1.2,4.3,1.7c-2.4,1.7-5.5,3.3-7.3,5.5c-0.8,1-1.4,3.6-2.5,4.2 c-1,0.5-4.1-0.5-5.3-0.7c0.3,2.1,0.6,4.2,0.9,6.3c0.2,1.4,1.2,4.4,0.8,5.8c-0.1,0.4-1.2,1-1.5,1.2c-1.2,1-2.3,2-3.5,2.9 c-1.5,1.3-3.2,3.3-5,4.2c-1.7,0.8-4,0.5-5.7,1.4c-1.6,0.7-3.1,2.5-4.5,3.6c-1.8,1.4-3.8,3.8-5.9,4.8c-1.3,0.6-3.4,0.2-4.9,0.1 c-2-0.1-4.9-0.7-6.7,0.2c-0.6,0.3-2.9,1.7-3.1,2.3c-0.2,0.6,0.7,2.4,0.9,3.1c-1.1,0.2-2.3,0.4-3.4,0.6c-1.4,0.3-3.6,1.1-5,0.9 c-1-0.1-0.8-0.3-1.3-1.5c-0.6-1.4-1.1-2.7-1.7-4.1c-2.7,1.2-5.4,2.4-8,3.7c-0.7-1.3-1.5-4.4-2.6-5.2c-0.9-0.7-3.6-0.4-4.8-0.5 c0.6,2.3,1.1,4.7,1.7,7c-2.7-1.1-4.6-1.5-6.4-3.8c-0.8-1-1.1-2-2.3-2.2c-1.3-0.3-3.1,0.2-4.4,0.3c0.9,2.6,1.9,5.1,2.6,7.8 c0.5,1.7,0.5,1.6,2,2.4c1.5,0.7,3,1.5,4.5,2.2c-1,1.6-2,3.1-3,4.7c2.3,0.3,4.7,0.7,7,1c-3.8,1.9-7.6,3.8-11.4,5.7 c-1.7-3.8-4-6.5-6.7-9.7c-0.3,0.4-0.7,0.9-1,1.3c-0.9-1.2-1.7-3-2.8-3.9c-0.2-0.2-0.3-0.6-0.6-0.7c-0.4-0.1-2,1.4-2.3,1.6 c-1,0.7-1.4,1.2-2.5,1.2c-1.7-0.1-3.8-1.2-5.4-1.7c-0.9-0.3-4-0.7-4.7-1.5c-0.5-0.6,0-3,0.1-3.8c0-0.8,0.3-1.8-0.1-2.3 c-0.6-0.6-2.7-1-3.5-1.3c-3.9-1.5-7.8-3-11.7-4.5c-1.7-0.7-3.7-1.1-5-2.3c-2.6-2.3-4.8-5.8-7-8.6c-0.3-0.3-1.6-1.6-1.6-2 c0.1-0.9,2.7-2.9,3.4-3.6c0.4-0.4,2.2-1.8,2.3-2.4c0-0.5-1.5-2-1.9-2.4c-2.5-3.3-5-6.5-7.6-9.8c-0.4-0.5-1.8-1.8-1.9-2.4 c-0.1-0.4,0.7-1.3,0.9-1.7c2-3.5,4-7,6-10.5c0.6-1,1.2-2.8,2.1-3.6c0.9-0.8,0.9-0.5,2.4-0.1c1,0.3,1.6,0.5,2.4,0.2 c1.3-0.5,2.7-2.1,3.9-2.9c4.5-3.4,9.3-6.5,13.1-10.8c2.8-3.1,5.4-6.7,8.5-9.5c1.7-1.6,4.2-2.1,6.2-3.4c1.7-1.1,3.4-2.4,5.1-3.5 c1.1-0.7,3.1-1.6,3.9-2.7c0.7-0.9,0.3-2.6,0.9-3.5C984.8,341.4,986.7,340.2,987.9,339.1z"/><path class="tx-region" id="TexasSouthGulf" data-region="TexasSouthGulf" tabindex="0" role="button" aria-label="Lower Gulf Coast" d="M932.5,404.1c0.9,1.1,3,2.7,3.3,4c0.3,1.1-1.1,2-1.9,3c-0.6,0.6-3.4,3-3.4,3.8c0,0.5,1.7,2,2.1,2.4 c2.7,3.2,5.3,6.6,8.2,9.6c1.6,1.6,4,2.3,6,3.2c3.8,1.8,7.6,3.5,11.5,5.3c1.3,0.6,1.1,0.3,1.3,1.6c0.2,1.2-0.5,3.3,0.3,4.1 c1.1,1.1,4.1,1.5,5.5,2c1.2,0.4,2.3,0.9,3.5,1.2c1.6,0.5,3.3,0.8,5,1.1c1,0.2,4.4,0.4,5.1,1.2c0.7,0.8,0.4,4.3,0.5,5.4 c0.1,1.7,0.8,3,1.5,4.6c0.9,2.1,1.2,2.1-0.4,3.7c-1.4,1.4-2.9,2.9-4.3,4.3c0.4-1.4,2-8.4-1.5-6.9c-2.6,1.1-1.5,6.5-1.1,8.5 c-1-1.8-2-3.6-3-5.3c-1.2,0.8-2.9,2.7-4.3,3c-1.2,0.3-3.5-0.7-4.7-1c-0.1,0.9-0.1,2-0.3,2.9c-0.2,0.7-1.4,2-1.3,2.7 c0.1,0.7,1.8,1.4,2.2,2c0.5,0.8,0.4,1.3,0.4,2.4c2.4-0.3,4.8-0.7,7.2-1c-1.5,1.6-3,3.5-4.7,4.9c-1,0.8-0.3,0.7-1.4,0.4 c-0.9-0.2-2.1-1.2-2.9-1.6c0.7,1.3,2.4,3.3,2.6,4.7c0.1,1.1-1.4,2.4-2.1,3.3c-0.6-0.8-1.1-1.9-1.8-2.5c-0.9-0.9-0.5-0.8-1.9-0.4 c-1.8,0.5-3.2,1-5.1,0.9c-2.4-0.1-4.8-0.3-7.1-0.3c-1.5,0-3.3,0.1-1.8,1.7c1.3,1.4,3.6,2.1,5.1,3.5c0.6,0.5,1,1.4,1.6,1.9 c1.5,1.3,4,1.9,5.8,2.8c1.4,0.7,1.2,0.6,0.7,2.1c-0.7,2.2-1.4,4.4-2.2,6.7c-1.5,4.5-2.9,9-4.4,13.5c-1-2-2-4-3-6 c-1.3,1.1-5.9,5.9-7.2,5.5c-1.1-0.3-3.1-3.5-3.9-4.4c-1-1-3-3.9-4.5-4.2c-2-0.4-0.1,2.3,0.5,3.2c0.9,1.4,1.6,2.4,2.2,4 c0.5,1.4,1.7,3.2,1.1,4.3c-0.7,1.3-3.4,2.5-4.6,3.4c2.9,0,6.5-0.8,9,0.8c2.8,1.7,5.9,0.7,9.1,0.5c-0.3,1-0.4,2.7-1,3.5 c-0.7,0.9-2.4,1.1-3.1,2c-0.7,0.8-0.3,0.8,0.3,2s1.2,2.4,1.8,3.6c-1.6-0.2-3.1-0.5-4.7-0.7c0.3,2.5,0.7,4.8,0.4,7.3 c-0.1,0.8-0.8,3.2-0.4,4c0.4,0.9,2.7,2,3.4,2.6c1.7,1.5,1.6,4.2,2.1,6.5c0.4,2.2,1.8,5.6,1.5,7.9c-0.3,2.5-3,4.2-1.3,6.7 c1.4,2,4.4,3,5.4,5.2c1,2.1,1,4.7,1.9,6.9c1.2,2.8,2.8,5.6,3.6,8.5c0.3,1.2,0.4,2.6,0.6,3.9c0.1,0.6,0.6,2.2,0.4,2.8 c-0.3,0.8,0.3,0-0.5,0.6c-1.1,0.7-3.5,0-4.4,1c-0.7,0.7-1,3.2-1.3,4.3c-2.1-1.1-5-2-6.8-3.5c-2.1-1.7-3.3-5.1-5.5-6.5 c-2.1-1.3-5.8-1.5-8.2-2.1c-2.1-0.5-3.5-0.1-3.6-2.3c-0.1-3.4-0.3-6.8-0.4-10.2c-0.1-2.9,0.5-6.8-0.4-9.6c-0.3-0.9,0.1-0.5-0.5-1 c-1-0.8-4.3-1-5.6-1.3c-1.8-0.4-1.5-0.7-1.5-2.4c0-13.5,0-27.1,0-40.7c0-0.6,0.6-3.9,0.2-4.4c-0.7-0.8-5.9-0.2-7-0.3 c-1.2,0-4.8,0.4-5.4-0.5c-0.6-1-0.1-4.4-0.1-5.5c-0.2-13.4-0.4-26.9-0.6-40.4c-1.6,0.1-3.3,0.2-4.9,0.3 c-0.1-6.7-0.1-13.4-0.2-20.1c0-2,0-4-0.1-5.9c0-1.1-0.3-2.7,0-3.8c0.4-1.7,3.2-3.2,4.6-4.3c2.9-2.4,5.9-4.8,8.8-7.3 c-1.7-1.7-3.3-2.3-5-4C918.3,417.6,925.4,410.4,932.5,404.1z"/></g><g class="tx-city"><circle cx="735.2" cy="59.5" r="5"/></g><g class="tx-city"><circle cx="947.3" cy="196.3" r="5"/></g><g class="tx-city"><circle cx="979.5" cy="193.2" r="5"/></g><g class="tx-city"><circle cx="930.2" cy="336.9" r="5"/></g><g class="tx-city"><circle cx="895" cy="389.1" r="5"/></g><g class="tx-city"><circle cx="1052.8" cy="363.1" r="5"/></g>
          </svg>
        </div>
        <div class="col-lg-5">
          <span class="wdw-eyebrow mb-2">Service regions</span>
          <h2 class="wdw-heading h1 mb-2" id="tx-name" aria-live="polite">North Texas</h2>
          <p class="wdw-muted mb-4" id="tx-desc"></p>
          <div class="row g-3 mb-4">
            <div class="col-6"><div class="bg-body-tertiary rounded-4 p-3"><div class="small wdw-muted">Offices</div><div class="h3 fw-bold mb-0" id="tx-offices"></div></div></div>
            <div class="col-6"><div class="bg-body-tertiary rounded-4 p-3"><div class="small wdw-muted">Population</div><div class="h3 fw-bold mb-0" id="tx-pop"></div></div></div>
          </div>
          <div class="small fw-semibold mb-2">Key cities</div>
          <div class="d-flex flex-wrap gap-2 mb-4" id="tx-cities"></div>
          <div class="d-flex flex-wrap gap-2 pt-3 border-top" role="group" aria-label="Choose a region"><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasWest">West Texas</button><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasNorth">North Texas</button><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasCentral">Central Texas</button><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasSouth">South Texas</button><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasEast">East Texas</button><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasNorthGulf">Upper Gulf Coast</button><button type="button" class="btn btn-sm rounded-pill tx-chip" data-region="TexasSouthGulf">Lower Gulf Coast</button></div>
        </div>
      </div>
    </div>
  </div>
</section>

/* Web Designer Wall library style — shared base for every Bootstrap 5 snippet.
   Indigo accent, Plus Jakarta Sans, soft cards, pill buttons. Works in light and dark. */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:root,
[data-bs-theme="light"] {
  --wdw-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-font-family: var(--wdw-font);
  --bs-primary: #4f46e5;
  --bs-primary-rgb: 79, 70, 229;
  --bs-primary-text-emphasis: #3730a3;
  --bs-primary-bg-subtle: #eef2ff;
  --bs-primary-border-subtle: #c7d2fe;
  --bs-link-color: #4f46e5;
  --bs-link-color-rgb: 79, 70, 229;
  --bs-link-hover-color: #4338ca;
  --bs-link-hover-color-rgb: 67, 56, 202;
  --bs-focus-ring-color: rgba(79, 70, 229, 0.25);
  --bs-border-radius: 0.75rem;
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-xl: 1.25rem;
  --wdw-radius-card: 1.25rem;
  --wdw-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 16px 40px -16px rgba(16, 24, 40, 0.22);
  --wdw-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06), 0 4px 12px -4px rgba(16, 24, 40, 0.12);
  --wdw-stage: #f5f6fb;
}

[data-bs-theme="dark"] {
  --bs-primary: #818cf8;
  --bs-primary-rgb: 129, 140, 248;
  --bs-primary-text-emphasis: #c7d2fe;
  --bs-primary-bg-subtle: rgba(129, 140, 248, 0.14);
  --bs-primary-border-subtle: rgba(129, 140, 248, 0.35);
  --bs-link-color: #a5b4fc;
  --bs-link-color-rgb: 165, 180, 252;
  --bs-link-hover-color: #c7d2fe;
  --bs-link-hover-color-rgb: 199, 210, 254;
  --bs-focus-ring-color: rgba(129, 140, 248, 0.35);
  --wdw-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 40px -16px rgba(0, 0, 0, 0.7);
  --wdw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px -4px rgba(0, 0, 0, 0.5);
  --wdw-stage: #0f1117;
}

body { font-family: var(--wdw-font); -webkit-font-smoothing: antialiased; }

/* Bootstrap compiles its blue into these components; point them at the accent. */
.btn-primary {
  --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #4338ca; --bs-btn-hover-border-color: #4338ca;
  --bs-btn-active-bg: #3730a3; --bs-btn-active-border-color: #3730a3;
  --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
[data-bs-theme="dark"] .btn-primary { --bs-btn-color: #0f1117; --bs-btn-hover-bg: #a5b4fc; --bs-btn-hover-border-color: #a5b4fc; --bs-btn-hover-color: #0f1117; --bs-btn-active-color: #0f1117; }
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary); --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
.btn { --bs-btn-font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; }
.btn-sm { min-height: 36px; }
.form-control, .form-select { min-height: 44px; border-radius: .75rem; }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: rgba(var(--bs-primary-rgb), .6); box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.nav-pills { --bs-nav-pills-link-active-bg: var(--bs-primary); }
.nav { --bs-nav-link-color: var(--bs-secondary-color); --bs-nav-link-hover-color: var(--bs-emphasis-color); }
.pagination { --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-color: var(--bs-body-color); --bs-pagination-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.progress, .progress-stacked { --bs-progress-bar-bg: var(--bs-primary); }
.list-group { --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); }
.dropdown-menu { --bs-dropdown-link-active-bg: var(--bs-primary); border-radius: .875rem; box-shadow: var(--wdw-shadow-sm); }
.accordion { --bs-accordion-active-bg: var(--bs-primary-bg-subtle); --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.badge { font-weight: 600; }

/* Library building blocks — use these instead of re-inventing them per snippet. */
.wdw-stage { min-height: 100vh; display: flex; align-items: center; background: var(--wdw-stage); padding-block: 3rem; }
.wdw-card { background: var(--bs-body-bg); border: 1px solid var(--bs-border-color-translucent); border-radius: var(--wdw-radius-card); box-shadow: var(--wdw-shadow); }
.wdw-card-sm { background: var(--bs-body-bg); border: 1px solid var(--bs-border-color-translucent); border-radius: 1rem; box-shadow: var(--wdw-shadow-sm); }
.wdw-aurora { position: relative; color: #fff; background: radial-gradient(60% 55% at 100% 0, #818cf8 0, transparent 70%), radial-gradient(65% 60% at 0 100%, #ec4899 0, transparent 65%), #1e1b4b; }
.wdw-eyebrow { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bs-primary); }
.wdw-heading { font-weight: 800; letter-spacing: -.02em; color: var(--bs-emphasis-color); }
.wdw-muted { color: var(--bs-secondary-color); }
.wdw-icon { width: 2.75rem; height: 2.75rem; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: .875rem; background: var(--bs-primary-bg-subtle); color: var(--bs-primary); }

/* Component */
.tx-map { width: 100%; height: auto; display: block; max-height: 520px; }
.tx-region {
  fill: var(--bs-primary-border-subtle);
  stroke: var(--bs-body-bg);
  stroke-width: 2.5;
  stroke-linejoin: round;
  cursor: pointer;
  transition: fill .2s ease;
  outline: none;
}
.tx-region:hover { fill: color-mix(in srgb, var(--bs-primary) 55%, var(--bs-body-bg)); }
.tx-region:focus-visible { stroke: var(--bs-emphasis-color); stroke-width: 3; }
.tx-region.is-active { fill: var(--bs-primary); }
.tx-city circle { fill: var(--bs-body-bg); stroke: var(--bs-emphasis-color); stroke-width: 2.5; pointer-events: none; }
.tx-chip { border: 1px solid var(--bs-border-color); color: var(--bs-body-color); background: transparent; }
.tx-chip:hover { background: var(--bs-tertiary-bg); }
.tx-chip.is-active { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }
[data-bs-theme="dark"] .tx-chip.is-active { color: #0f1117; }

(function () {
  var REGIONS = {"TexasWest": ["West Texas", "Wide-open desert, the Permian Basin and the Panhandle.", ["Amarillo", "El Paso", "Lubbock"], "18", "2.4M"], "TexasNorth": ["North Texas", "The Dallas to Fort Worth metroplex and the Red River valley.", ["Dallas", "Fort Worth", "Denton"], "42", "7.9M"], "TexasCentral": ["Central Texas", "Austin, the Hill Country and the I-35 tech corridor.", ["Austin", "Waco", "Round Rock"], "31", "3.6M"], "TexasSouth": ["South Texas", "San Antonio, the Rio Grande valley and the border towns.", ["San Antonio", "Laredo", "McAllen"], "27", "4.8M"], "TexasEast": ["East Texas", "Piney woods, lakes and small-town main streets.", ["Tyler", "Longview", "Texarkana"], "14", "1.9M"], "TexasNorthGulf": ["Upper Gulf Coast", "Houston, the ship channel and Galveston Bay.", ["Houston", "Galveston", "Beaumont"], "36", "7.3M"], "TexasSouthGulf": ["Lower Gulf Coast", "Corpus Christi, Padre Island and the coastal bend.", ["Corpus Christi", "Victoria", "Port Lavaca"], "12", "1.1M"]};
  function initTexasMap() {
    var map = document.querySelector('.tx-map');
    if (!map) return;
    var name = document.getElementById('tx-name');
    var desc = document.getElementById('tx-desc');
    var offices = document.getElementById('tx-offices');
    var pop = document.getElementById('tx-pop');
    var cities = document.getElementById('tx-cities');
    var regions = map.querySelectorAll('.tx-region');
    var chips = document.querySelectorAll('.tx-chip');

    function select(id) {
      var r = REGIONS[id];
      if (!r) return;
      regions.forEach(function (p) {
        var on = p.dataset.region === id;
        p.classList.toggle('is-active', on);
        p.setAttribute('aria-pressed', on);
        if (on) p.parentNode.appendChild(p);
      });
      chips.forEach(function (c) {
        var on = c.dataset.region === id;
        c.classList.toggle('is-active', on);
        c.setAttribute('aria-pressed', on);
      });
      name.textContent = r[0];
      desc.textContent = r[1];
      offices.textContent = r[3];
      pop.textContent = r[4];
      cities.innerHTML = '';
      r[2].forEach(function (c) {
        var b = document.createElement('span');
        b.className = 'badge rounded-pill bg-body-tertiary text-body border fw-medium px-3 py-2';
        b.textContent = c;
        cities.appendChild(b);
      });
    }

    regions.forEach(function (p) {
      p.addEventListener('click', function () { select(p.dataset.region); });
      p.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); select(p.dataset.region); }
      });
    });
    chips.forEach(function (c) {
      c.addEventListener('click', function () { select(c.dataset.region); });
    });
    select('TexasNorth');
  }
  initTexasMap();
})();