/* legal / standalone marketing pages (privacy, tack) */
.legal {
  min-height: 70vh;
  padding: calc(var(--space-3xl) + var(--space-l)) 0 var(--space-2xl);

  > .legal-inner {
    max-width: 45rem;
    margin: 0 auto;
    padding: 0 var(--space-l);

    > h1 {
      margin-bottom: var(--space-m);
    }

    > h2 {
      margin: var(--space-l) 0 var(--space-2xs);
    }

    > h3 {
      margin: var(--space-m) 0 var(--space-2xs);
    }

    > p,
    > ul {
      margin-bottom: var(--space-s);
      color: var(--color-neutral-3);
    }

    > ul {
      padding-left: var(--space-m);

      > li {
        margin-bottom: var(--space-2xs);
      }
    }

    > table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: var(--space-m);

      th,
      td {
        text-align: left;
        vertical-align: top;
        padding: var(--space-2xs) var(--space-xs);
        border-bottom: 1px solid var(--color-neutral-8);
      }

      th {
        color: var(--color-neutral-5);
      }

      td {
        color: var(--color-neutral-3);
      }
    }
  }
}