/* Privacy and terms pages, on top of site.css. */

.legal { max-width: 860px; }

.legal-card {
    margin-top: clamp(20px, 3vw, 32px);
    background: var(--card);
    border-radius: 24px;
    box-shadow: var(--shadow);
    padding: clamp(24px, 4.5vw, 56px);
    font-size: 17px;
    line-height: 1.65;
    color: #3A464E;
    overflow-wrap: anywhere;
}

.legal-card > :first-child { margin-top: 0; }
.legal-card > :last-child { margin-bottom: 0; }

.legal-card p { margin: 0 0 16px; }

.legal-card h2 {
    font-size: clamp(22px, 2.2vw, 26px);
    letter-spacing: -.015em;
    line-height: 1.2;
    color: var(--ink);
    margin: 40px 0 12px;
    padding-top: 28px;
    border-top: 1px solid var(--line);
}

.legal-card h3 { font-size: 19px; color: var(--ink); margin: 24px 0 8px; }

.legal-card ul,
.legal-card ol { margin: 0 0 16px; padding-left: 24px; }
.legal-card ul { list-style: disc; }
.legal-card ol { list-style: decimal; }
.legal-card li { margin-bottom: 6px; padding-left: 4px; }
.legal-card li::marker { color: var(--green-ink); }