/* 
   Project Terms CSS
*/

/* ========================
   Main
   ======================== */
.p-terms__main {
  width: 100%;

  & > :first-child {
    margin-top: 0;
  }

  & p {
    font-size: var(--typography-body-size);
  }

  & h2 {
    font-size: var(--typography-heading-lg-size);
    @media (max-width: 640px) {
      font-size: 28px;
    }
  }

  & h3 {
    font-size: var(--typography-heading-md-size);
    @media (max-width: 640px) {
      font-size: 18px;
    }
  }

  & h4 {
    font-size: var(--typography-heading-sm-size);
    @media (max-width: 640px) {
      font-size: 16px;
    }
  }

  & h5 {
    font-size: var(--typography-heading-xs-size);
    @media (max-width: 640px) {
      font-size: 14px;
    }
  }

  & h6 {
    font-size: var(--typography-heading-2xs-size);
  }

  & a {
    color: var(--color-surface-secondary);
  }
}