/* Styling for the legal pages (privacy, terms). */
.legal-wrap { padding: 48px 0 80px; }
.legal-wrap h1 { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(2rem, 4vw, 2.6rem); margin: 0 0 4px; }
.legal-wrap .legal-sub { color: var(--gray); font-size: 1rem; margin-bottom: 36px; }

.legal-body { max-width: 46rem; }
.legal-body h2 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.4rem; margin: 40px 0 10px; padding-top: 8px; }
.legal-body h3 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1.1rem; margin: 26px 0 8px; }
.legal-body h4 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1rem; margin: 20px 0 6px; }
.legal-body p { margin: 0 0 14px; color: var(--ink); }
.legal-body ul, .legal-body ol { margin: 0 0 16px 1.25rem; }
.legal-body li { margin: 0 0 8px; color: var(--ink); }
.legal-body a { color: var(--red-deep); text-decoration: underline; }
.legal-body strong { font-weight: 700; }

.legal-body table { border-collapse: collapse; margin: 8px 0 20px; width: 100%; font-size: .95rem; }
.legal-body th, .legal-body td { border: 1px solid var(--line); padding: 8px 12px; text-align: left; }
.legal-body th { background: var(--soft); font-weight: 600; }