@import '../variables';

.theme-default-content {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: calc(0.5rem - var(--navbar-height));
    margin-bottom: 0;
    padding-top: calc(1rem + var(--navbar-height));

    &:first-child {
      margin-bottom: 1rem;

      + p,
      + pre,
      + .custom-container {
        margin-top: 2rem;
      }
    }
  }

  h1 {
    // narrow mobile
    @media (max-width: $MQMobileNarrow) {
      font-size: 1.9rem;
    }
  }

  a:not(.header-anchor) {
    text-decoration: underline;
  }

  img {
    max-width: 100%;
  }
}
