.page-content {
  padding: 2rem 0;
}

.page-content h1 {
  color: var(--super-teal-900);
  margin-bottom: 2rem;
}

.page-content h2 {
  color: var(--super-teal-900);
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.page-content p {
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.page-content ul, .page-content ol {
  margin: 1rem 0 1.5rem 2rem;
  line-height: 1.8;
}

.page-content li {
  margin-bottom: .5rem;
}

.page-content a {
  color: var(--super-blue-600);
  text-decoration: underline;
}

.page-content a:hover, .page-content a:focus {
  color: var(--super-teal-600);
}

html, body {
  overflow-x: clip;
}

.page-content a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.page-content table {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  display: block;
  overflow-x: auto;
}

.page-content img, .page-content svg, .page-content iframe {
  max-width: 100%;
  height: auto;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in-up {
  animation: .6s ease-out fadeInUp;
}

:focus-visible {
  outline: 3px solid var(--super-blue-600);
  outline-offset: 2px;
}

@media print {
  .practice-actions, .no-print {
    display: none;
  }

  .practice-section {
    page-break-inside: avoid;
    box-shadow: none;
    border: 1px solid #ccc;
  }

  .accordion-section, .content-card {
    page-break-inside: avoid;
  }
}