/* Legal documents (terms, privacy) — long-form prose on Honey tokens.
   Element-level rules scoped under .legal-content so the 900+ lines of
   legal copy stay free of utility classes. */

.legal-content {
    max-width: 56rem;
    margin-inline: auto;
    padding: 3rem 1rem;
    color: var(--txt);
    overflow-wrap: break-word;
}

.legal-content h1 {
    font-size: 2.25rem;
    font-weight: 900;
    letter-spacing: -0.025em;
    margin-bottom: 1rem;
    color: var(--txt);
}

.legal-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--txt);
}

.legal-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: var(--txt);
}

.legal-content p {
    margin-bottom: 1rem;
    line-height: 1.625;
}

.legal-content ul,
.legal-content ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.legal-content ul {
    list-style: disc;
}

.legal-content ol {
    list-style: decimal;
}

.legal-content li {
    line-height: 1.625;
}

.legal-content li + li {
    margin-top: 0.5rem;
}

/* Inline links use the amber accent to match .text-link / .auth-link
   across the app (support, auth, marketing). */
.legal-content a {
    color: var(--accent-strong);
    text-decoration: underline;
}

.legal-content a:hover {
    opacity: 0.8;
}

.legal-content strong {
    font-weight: 700;
    color: var(--txt);
}

.legal-content .text-sm {
    font-size: 0.875rem;
    color: var(--txt-subtle);
}

/* Closing acknowledgement box at the foot of each document. */
.legal-notice {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
    margin-top: 2rem;
}

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