@media (max-width: 500px) {
  .button, button, [role=button] {
    min-height: 44px;
  }
  .citation-link-btn {
    display: inline-flex;
    min-height: 36px;
    padding: 6px 12px;
  }
  .portrait-image {
    min-width: 80px;
    min-height: 80px;
  }
  .feature-image {
    width: 100% !important;
    max-width: 100% !important;
  }
  .page-content,
  main,
  article {
    overflow-x: hidden;
    max-width: 100vw;
  }
  .section > h2:first-child,
  .section > h3:first-child {
    margin-top: 0;
  }
}
@media (max-width: 800px) {
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 500px) {
  pre, .highlight {
    font-size: 0.8rem;
    border-radius: 6px;
  }
  table {
    font-size: 0.85rem;
  }
}

/*# sourceMappingURL=mobile.css.map */