/* The Privacy Policy and the Terms of Use: one readable column on a paper card. */

.legal {
    box-sizing: border-box;
    max-width: 780px;
    margin: 24px auto 56px;
    padding: 12px 36px 40px;
    border: 1px solid var(--hairline);
    border-radius: var(--radius-lg);
    background: var(--card);
    box-shadow: var(--shadow-soft);
}

.legal h1 {
    margin: 24px 0 6px;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
}

.legal h2 {
    margin: 2em 0 0.5em;
    font-size: 1.3rem;
}

.legal p,
.legal li {
    color: var(--ink);
    line-height: 1.7;
}

.legal ul {
    margin: 0 0 1em;
    padding-left: 1.3em;
}

.legal li {
    margin: 0 0 0.5em;
}

.legal a {
    color: var(--teal);
    font-weight: 700;
}

.legal__meta {
    color: var(--ink-soft);
}

@media (max-width: 599px) {
    .legal {
        padding: 8px 20px 28px;
    }
}