.evidence-continuum {
  margin: 1.5rem 0 2rem;
}

.evidence-continuum-title {
  background: var(--super-gray-100);
  border-left: 4px solid var(--super-teal-900);
  color: var(--super-teal-900);
  border-radius: 4px;
  margin: 0 0 .75rem;
  padding: .625rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.continuum-of-evidence-page .evidence-content .container > h2, .continuum-of-evidence-page .evidence-content .container > h5 {
  color: var(--super-teal-900);
  margin: 2.75rem 0 1rem;
  padding: .125rem 0 .125rem 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

.continuum-of-evidence-page .evidence-content .container > h2:before, .continuum-of-evidence-page .evidence-content .container > h5:before {
  content: "";
  background: var(--super-orange-600);
  border-radius: 3px;
  width: 5px;
  position: absolute;
  top: .2rem;
  bottom: .2rem;
  left: 0;
}

.continuum-of-evidence-page .evidence-content .container > ul {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}

.continuum-of-evidence-page .evidence-content .container > ul li + li {
  margin-top: .375rem;
}

.evidence-continuum-grid {
  border: 1px solid var(--super-gray-300);
  grid-template-rows: auto auto auto;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  display: grid;
}

.ec-col {
  grid-row: span 3;
  grid-template-rows: subgrid;
  background: var(--super-white);
  border-right: 1px solid var(--super-gray-300);
  display: grid;
}

.ec-col:last-child {
  border-right: 0;
}

.ec-body {
  display: contents;
}

.ec-head {
  text-align: center;
  padding: .875rem .75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
}

.ec-col--practice .ec-head {
  background: var(--super-teal-600);
  color: var(--super-white);
}

.ec-col--promising .ec-head {
  background: var(--dhcs-c3-blue-teal);
  color: var(--super-white);
}

.ec-col--moderate .ec-head {
  color: var(--super-white);
  background: #1f456b;
}

.ec-col--strong .ec-head {
  background: var(--super-teal-900);
  color: var(--super-white);
}

.ec-body p {
  text-align: center;
  margin: 0;
  padding: .875rem;
  font-size: .95rem;
  line-height: 1.45;
}

.ec-body p:first-child {
  border-bottom: 1px solid var(--super-gray-200);
}

.ec-body p:last-child {
  padding-bottom: 1rem;
}

@media (width <= 768px) {
  .evidence-continuum-grid {
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }

  .ec-col {
    border-right: 0;
    border-bottom: 1px solid var(--super-gray-300);
    grid-row: auto;
    grid-template-rows: none;
    display: block;
  }

  .ec-col:last-child {
    border-bottom: 0;
  }
}