.block-table-water-quality {
  padding-top: clamp(9rem,5.5714285714rem + 7.1428571429vw,12rem)
}
.block-table-water-quality__container {
  row-gap: clamp(1.25rem,.3928571429rem + 1.7857142857vw,2rem)
}
@media (min-width:48rem) {
  .block-table-water-quality__container {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    column-gap: clamp(1rem,-.1428571429rem + 2.380952381vw,2rem)
  }
}
.block-table-water-quality .block-content {
  grid-area: 1/1/2/13;
  width: 100%;
  margin-bottom: 2.5rem
}
@media (min-width:48rem) {
  .block-table-water-quality .block-content {
    margin-bottom: 0
  }
}
.block-table-water-quality__row {
  display: flex;
  flex-direction: column;
  gap: clamp(1.125rem,.6964285714rem + .8928571429vw,1.5rem);
  margin-bottom: 2.5rem
}
@media (min-width:48rem) {
  .block-table-water-quality__row--top {
    grid-area: 2/1/3/13
  }
}
@media (min-width:62rem) {
  .block-table-water-quality__row--top .block-table-water-quality__col--table {
    flex: 0 0 70%
  }
}
@media (min-width:62rem) {
  .block-table-water-quality__row--top .block-table-water-quality__col--side {
    flex: 0 0 30%
  }
}
@media (min-width:48rem) {
  .block-table-water-quality__row--bottom {
    grid-area: 3/1/4/13
  }
}
@media (min-width:62rem) {
  .block-table-water-quality__row--bottom .block-table-water-quality__col--map {
    flex: 0 0 60%
  }
}
@media (min-width:62rem) {
  .block-table-water-quality__row--bottom .block-table-water-quality__col--image {
    flex: 0 0 40%
  }
}
@media (min-width:48rem) {
  .block-table-water-quality__row {
    margin-bottom: 0
  }
}
@media (min-width:62rem) {
  .block-table-water-quality__row {
    flex-direction: row;
    align-items: stretch
  }
}
.block-table-water-quality__row:last-child {
  margin-bottom: 0
}
.block-table-water-quality__col {
  min-width: 0
}
.block-table-water-quality__col--side .block-table-water-quality__legend .wp-block-paragraph--highlight-text {
  color: #858585;
  background: 0 0
}
.block-table-water-quality__col--side .block-table-water-quality__legend .wp-block-heading {
  margin-bottom: 1.25rem
}
.block-table-water-quality__col--side .block-table-water-quality__legend .block-table-water-quality__legend-item {
  position: relative;
  margin-bottom: .5rem;
  padding-left: 1.375rem
}
.block-table-water-quality__col--side .block-table-water-quality__legend .block-table-water-quality__legend-item::before {
  position: absolute;
  top: .25rem;
  left: 0;
  right: 0;
  content: "";
  width: .9375rem;
  height: .9375rem;
  border-radius: .125rem
}
.block-table-water-quality__col--side .block-table-water-quality__legend .block-table-water-quality__legend-dot--high::before {
  background-color: #ad0322
}
.block-table-water-quality__col--side .block-table-water-quality__legend .block-table-water-quality__legend-dot--low::before {
  background-color: #008738
}
.block-table-water-quality__col--side > * {
  padding: clamp(1rem,.7142857143rem + .5952380952vw,1.25rem)
}
.block-table-water-quality__col--side p {
  font-weight: var(--subtitle-1-font-weight);
  font-size: var(--subtitle-1-font-size);
  font-family: var(--subtitle-1-font-family);
  line-height: var(--subtitle-1-line-height);
  font-variant-numeric: var(--subtitle-1-font-variant-numeric);
  margin: 0
}
.block-table-water-quality__col--side a {
  font-weight: 700;
  text-decoration: underline
}
.block-table-water-quality__col--table .wp-block-table {
  padding: 0
}
.block-table-water-quality__col--table .wp-block-table table {
  border-right: .0625rem solid #e7e0da;
  border-collapse: separate;
  border-spacing: 0
}
.block-table-water-quality__col--table .wp-block-table td:last-child,
.block-table-water-quality__col--table .wp-block-table th:last-child {
  border-right: 0
}
.block-table-water-quality__col--table .wp-block-table thead th {
  font-weight: var(--overline-font-weight);
  font-size: var(--overline-font-size);
  font-family: var(--overline-font-family);
  line-height: var(--overline-line-height);
  letter-spacing: var(--overline-letter-spacing);
  text-transform: var(--overline-text-transform);
  font-variant-numeric: var(--overline-font-variant-numeric);
  padding: .875rem 1rem;
  color: #292929;
  white-space: nowrap;
  border-bottom: .0625rem solid #e7e0da;
  background: #eeeae6
}
.block-table-water-quality__col--table .wp-block-table td,
.block-table-water-quality__col--table .wp-block-table th {
  border-right: .0625rem solid #e7e0da
}
.block-table-water-quality__col--table .wp-block-table tbody td.is-low {
  color: #fff;
  background-color: #008738!important
}
.block-table-water-quality__col--table .wp-block-table tbody td.is-high {
  color: #fff;
  background-color: #ad0322!important
}
.block-table-water-quality__col--table .wp-block-table tbody td {
  padding: .875rem 1rem;
  vertical-align: middle;
  border-bottom: .0625rem solid #e7e0da
}
.block-table-water-quality__col--table .wp-block-table tbody tr:last-child td {
  border-bottom: 0
}
.block-table-water-quality__col--table .wp-block-table a {
  text-decoration: underline
}
.block-table-water-quality__col--map .wp-block-html {
  height: 100%;
  padding: 0
}
.block-table-water-quality__col--map .iframe-wrapper {
  height: 100%
}
.block-table-water-quality__col--map .iframe-wrapper iframe {
  display: block;
  width: 100%;
  border: 0
}
.block-table-water-quality__col--image .wp-block-image {
  height: 100%;
  padding: 0
}
.block-table-water-quality__col--image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.block-table-water-quality__col > * {
  border: .0625rem solid #e7e0da;
  border-radius: .25rem;
  background: #f3f0ed;
  box-shadow: 0 .0625rem .9375rem rgba(0,0,0,.14);
  overflow: hidden
}