.c-bg--blue {
  .copy-content {
    a:hover {
      color: var(--c-tertiary-orange);
    }

    table {
      border: 0.0625rem solid var(--c-primary-light);
      color: var(--c-primary-light);
    }

    th,
    td {
      border: 0.0625rem solid var(--c-primary-light);
    }

    th {
      color: var(--c-primary-dark);
    }
  }
}

.copy-content {
  overflow: auto;

  h2,
  h3,
  h4 {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-bottom: var(--spacing-2);
  }

  a {
    text-decoration: underline;
  }

  a:hover {
    color: var(--c-primary-blue);
  }

  p {
    margin-block-start: 0;
  }

  ul {
    padding-inline-start: var(--spacing-3);
  }

  li {
    font-size: var(--text-default);
  }

  li:not(:last-child) {
    margin-bottom: var(--spacing-2);
  }

  table {
    border: 0.0625rem solid var(--c-primary-dark);
    border-spacing: 0;
    border-collapse: collapse;
    color: var(--c-primary-dark);
    margin-bottom: var(--spacing-2);
    width: 100%;
  }

  th,
  td {
    border: 0.0625rem solid var(--c-primary-dark);
    padding: var(--spacing);
  }

  th {
    background-color: var(--c-t-blue-20);
    font-weight: 600;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .copy-content {
    h2,
    h3,
    h4 {
      margin-bottom: var(--spacing-3);
    }
  }
}

@media (min-width: 1440px) {
  .copy-content {
    h2,
    h3,
    h4 {
      margin-bottom: var(--spacing-4);
    }
  }
}