.bg-light {
  background-color: var(--dark-lighter) !important;
  color: var(--text-primary) !important;
}

.table {
  color: var(--text-primary);
  border-color: var(--border-color);
}

h1 {
  color: var(--electric-teal);
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 2.45rem;
}

h2 {
  color: var(--text-primary);
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  font-size: 1.73rem;
}

h3 {
  color: var(--text-secondary);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.35rem;
}

p, li {
  color: var(--text-secondary);
  line-height: 1.8;
}

ul, ol {
  margin-bottom: 1.5rem;
}

li {
  margin-bottom: 0.5rem;
}

strong {
  color: var(--text-primary);
}

.last-updated {
  color: var(--text-secondary);
  font-style: italic;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  section.container {
    padding-top: 7rem !important;
  }

  h1 {
    margin-top: 4rem;
  }
}