.wrapper {
  max-width: 748px;
  margin: 0 auto;
  padding: 128px 32px;
  color: var(--color-content-default);
  @include typography(text, 400, regular);
  line-height: var(--typography-line-heights-xloose);

  h1 {
    @include typography(heading, 700, default);
    color: var(--color-content-strong);
    margin-top: 48px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  h2 {
    @include typography(heading, 600, default);
    color: var(--color-content-strong);
    margin-top: 40px;
    margin-bottom: 16px;
  }

  h3 {
    @include typography(heading, 500, default);
    color: var(--color-content-strong);
    margin-top: 40px;
    margin-bottom: 16px;
  }

  p {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  p a {
    text-decoration: underline;
    transition: var(--transition-fast);
    transition-property: color;

    &:hover {
      color: var(--color-content-strong);
    }
  }
}

.lastUpdated {
  color: var(--color-content-muted);
  @include typography(text, 400, regular);
  margin-bottom: 40px;
}

.logo {
  color: var(--color-content-muted);

  @media (max-width: 800px) {
    display: none;
  }
}
