.legal { padding: 60px 20px 100px; max-width: 900px; }
.legal h1 { font-size: 36px; margin-bottom: 32px; }
.legal h2 { font-size: 24px; margin: 40px 0 16px; }
.legal p { font-size: 16px; line-height: 1.6; color: var(--ink-soft); margin-bottom: 16px; }
.legal a { color: var(--red); }
.legal ul { margin: 0 0 16px; padding-left: 24px; color: var(--ink-soft); }
.legal li { font-size: 16px; line-height: 1.6; margin-bottom: 8px; }

.legal-table-wrap { overflow-x: auto; margin-bottom: 16px; box-shadow: 0 0 30px rgba(35, 39, 42, 0.05); border-radius: var(--radius); }
.legal-table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 640px; }
.legal-table th, .legal-table td { text-align: left; padding: 16px 20px; vertical-align: top; }
.legal-table th { background: var(--tint); font-weight: 600; color: var(--ink); }
.legal-table td { border-top: 1px solid var(--border); color: var(--ink-soft); line-height: 1.5; }