/* The policy pages: Privacy, Terms and Refunds. After the page head, the
   text is one readable column, starting where the wordmark does. */

.legal {
    padding-block-start: var(--space-6);
}

/* Narrow enough that body text, 18–20px, keeps every line under 75
   characters, in Hanken Grotesk or the system sans. */
.legal > * {
    max-inline-size: var(--container-lg);
}

.legal .updated {
    margin-block: 0 var(--space-8);
    color: var(--muted-foreground);
    font-size: var(--text-sm);
}

.legal h2 {
    margin-block: var(--space-12) var(--space-3);
    font-size: var(--text-2xl);
    letter-spacing: var(--tracking-snug);
}

.legal p,
.legal ul {
    margin-block: 0 var(--space-4);
    font-size: var(--text-body);
    line-height: var(--leading-loose);
}

.legal ul {
    padding-inline-start: var(--space-6);
}

.legal li + li {
    margin-block-start: var(--space-1);
}

.legal a {
    text-underline-offset: var(--space-1);
}