/* Factsogy legal pages (privacy, terms). Requires base.css. */

/* ---------- Legal pages ---------- */

.legal {
    padding: clamp(40px, 7vw, 88px) 0 clamp(56px, 8vw, 104px);
}

.legal article {
    max-width: 72ch;
}

.legal h1 {
    font-size: clamp(48px, 9vw, 96px);
    margin-bottom: 12px;
}

.legal .updated {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
    padding-bottom: 28px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--line);
}

.legal h2 {
    font-size: clamp(26px, 4vw, 34px);
    margin-top: 2em;
}

.legal p,
.legal li {
    color: var(--text);
}

.legal .callout {
    background: var(--surface);
    border: 1px solid var(--line);
    border-left: 4px solid var(--accent);
    border-radius: var(--radius);
    padding: 20px 24px;
    margin: 28px 0;
}

.legal .callout p:first-child {
    margin-top: 0;
}

.legal .callout p:last-child {
    margin-bottom: 0;
}