/* Legal pages (/Privacy, /Terms) — long-form prose. Measure-capped for readability;
   direction-agnostic (margin-inline/padding-inline) so the Arabic RTL render is the
   mirror of the English one rather than a special case. */

.legal {
    max-width: 46rem;
    margin-inline: auto;
    padding-block: 8px 48px;
    line-height: 1.75;
}

.legal-head {
    padding-block-end: 20px;
    margin-block-end: 8px;
    border-block-end: 1px solid #e5e7eb;
}

.legal h1 {
    margin-block-end: 6px;
}

.legal-meta {
    color: #6b7280;
    font-size: 0.9rem;
    margin-block-end: 16px;
}

/* The opening summary: the part a parent actually reads. */
.legal-lede {
    font-size: 1.05rem;
    color: #374151;
    background: #f8fafc;
    border-inline-start: 4px solid #0f2347;
    border-radius: 6px;
    padding: 14px 16px;
    margin-block-end: 0;
}

.legal section {
    margin-block-start: 32px;
}

.legal h2 {
    font-size: 1.25rem;
    margin-block-end: 10px;
}

.legal h3 {
    font-size: 1.02rem;
    margin-block: 18px 6px;
    color: #374151;
}

.legal p {
    margin-block-end: 12px;
}

.legal ul {
    margin-block-end: 12px;
    padding-inline-start: 1.35rem;
}

.legal li {
    margin-block-end: 8px;
}

.legal a {
    text-decoration: underline;
}

/* Arabic body copy needs a touch more line-height for the vowel marks to breathe. */
[dir="rtl"] .legal {
    line-height: 1.95;
}

@media (max-width: 640px) {
    .legal { padding-block-end: 32px; }
    .legal-lede { font-size: 1rem; }
}