/* ============================================================
   mp-legal.css — Legal pages (Privacy, Terms, Disclaimer)
   Namespace: lg-
   Relies on global design tokens from custom.css:
   --mp-saffron, --mp-saffron-deep, --mp-maroon, --mp-cream,
   --mp-ink, --mp-gold, --mp-line
   ============================================================ */

/* ── Prose container ── */
.lg-prose {
    max-width: 820px;
    margin: 0 auto;
    padding: 56px 0 72px;
}

/* ── Last updated line ── */
.lg-updated {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--mp-saffron, #E8820C);
    margin-bottom: 40px;
    border-left: 3px solid var(--mp-gold, #C99A3F);
    padding-left: 10px;
}

/* ── Section headings ── */
.lg-prose h2 {
    font-family: var(--mp-font-display);
    font-size: 1.45rem;
    color: var(--mp-ink, #2A1A12);
    margin: 40px 0 14px;
    padding-bottom: 10px;
    border-bottom: 1.5px solid var(--mp-line, rgba(110, 30, 30, 0.12));
    line-height: 1.3;
}

.lg-prose h2:first-of-type {
    margin-top: 0;
}

/* ── Body text ── */
.lg-prose p {
    font-size: 1.0rem;
    line-height: 1.85;
    color: #4a3b33;
    margin-bottom: 1.1em;
}

/* ── Inline links ── */
.lg-prose a {
    color: var(--mp-saffron, #E8820C);
    text-decoration: none;
    border-bottom: 1px solid rgba(232, 130, 12, 0.35);
    transition: color 0.15s, border-color 0.15s;
}

.lg-prose a:hover {
    color: var(--mp-saffron-deep, #C76A05);
    border-bottom-color: var(--mp-saffron-deep, #C76A05);
}

/* ── Lists with gold ◆ markers ── */
.lg-prose ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.2em 0;
}

.lg-prose ul li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 0.55em;
    font-size: 1.0rem;
    line-height: 1.75;
    color: #4a3b33;
}

.lg-prose ul li::before {
    content: '\25C6'; /* ◆ */
    position: absolute;
    left: 0;
    top: 0.05em;
    font-size: 0.6em;
    color: var(--mp-gold, #C99A3F);
}

/* ── Cross-link footer ── */
.lg-crosslinks {
    margin-top: 56px;
    padding-top: 28px;
    border-top: 1.5px solid var(--mp-line, rgba(110, 30, 30, 0.12));
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    align-items: center;
}

.lg-crosslinks-label {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #9a857a;
    white-space: nowrap;
}

.lg-crosslinks a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--mp-maroon, #6E1E1E);
    text-decoration: none;
    padding: 6px 16px;
    border: 1.5px solid var(--mp-line, rgba(110, 30, 30, 0.12));
    border-radius: 100px;
    transition: background 0.16s, border-color 0.16s, color 0.16s;
}

.lg-crosslinks a:hover {
    background: var(--mp-cream, #FBF4E9);
    border-color: var(--mp-saffron, #E8820C);
    color: var(--mp-saffron-deep, #C76A05);
}

.lg-crosslinks a .lg-motif {
    font-size: 0.6em;
    color: var(--mp-gold, #C99A3F);
}

/* ── Responsive padding ── */
@media (max-width: 767px) {
    .lg-prose {
        padding: 36px 0 52px;
    }

    .lg-prose h2 {
        font-size: 1.25rem;
    }
}

@media (max-width: 575px) {
    .lg-prose {
        padding: 28px 0 40px;
    }
}