/* ==========================================================================
   layout/legal.css — public legal pages (Privacy Policy, Terms)
   --------------------------------------------------------------------------
   Page-level layout only; the document itself sits inside a .card.
   ========================================================================== */

.legal {
    min-height: 100vh;
    padding: var(--space-6) var(--space-4);
}

/* Narrow reading column */
.legal .legal-inner {
    max-width: 760px;
    margin: 0 auto;
}

/* Back to home link above the document */
.legal .legal-back {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    margin-bottom: var(--space-4);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.legal .legal-back:hover {
    color: var(--color-primary);
}

/* Document text (plain text rendered through nl2br) */
.legal .legal-content {
    margin-top: var(--space-4);
    line-height: 1.7;
    text-align: justify;
}

/* Vertical-line separator between contact details ({{divider}}) */
.legal-sep {
    color: var(--color-border-strong);
    margin: 0 var(--space-1);
}