/* Course adaptations, loaded after the original AMRBiostats stylesheet. */
body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

/* Keep course buttons consistent with the original navbar's brand palette. */
.btn-primary,
.btn-primary:visited {
  background: linear-gradient(-65deg, #0466c8, #004e92);
  border-color: #004e92;
  color: #fff;
  font-weight: 600;
  white-space: normal;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background: linear-gradient(-65deg, #004e92, #033c73);
  border-color: #033c73;
  color: #fff !important;
}

.btn-primary:focus-visible {
  outline: 3px solid #0466c8;
  outline-offset: 3px;
}

/* Shared CSS sets muted text white for marketing panels. Lesson metadata
   uses a white background, so keep it readable in the course. */
.text-muted {
  color: #59636d !important;
}

/* Retain Quarto's layout and visible gutters at phone and tablet widths. */
main.content {
  min-width: 0;
}

main.content img {
  max-width: 100%;
  height: auto;
}

main.content iframe {
  max-width: 100%;
}

@media (max-width: 1366px) {
  main.content {
    padding-inline: 0.5rem;
  }

  main.content p {
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  main.content > section > ul,
  main.content > section > ol {
    padding-left: 1.5rem;
  }

  .btn-primary {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-nav .nav-link,
  .navbar-brand,
  .nav-footer .footer-items .nav-link {
    transition: none;
  }

  .navbar-nav .nav-link:hover,
  .navbar-brand:hover,
  .nav-footer .footer-items .nav-link:hover {
    transform: none;
  }
}