/* Страницы юридических документов (политика, согласие, оферта). Текст приходит с API как обычный текст и выводится через textContent. */
.legal-page { margin: 0; min-height: 100vh; color: #e8e8f0; font-family: 'Inter', sans-serif; line-height: 1.65;
    background: radial-gradient(1000px 700px at 80% 0%, rgba(120,80,255,0.35), transparent 60%), #05050a; }
.legal-wrap { max-width: 860px; margin: 0 auto; padding: 24px 20px 64px; }
.legal-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.legal-top a { color: #c4b5fd; text-decoration: none; font-weight: 600; }
.legal-top a:hover { text-decoration: underline; }
.legal-nav { display: flex; gap: 16px; flex-wrap: wrap; font-size: 14px; }
.legal-title { font-size: 28px; line-height: 1.25; margin: 0 0 8px; font-weight: 800; }
.legal-meta { color: #9ca3af; font-size: 14px; margin: 0 0 28px; }
.legal-body p { margin: 0 0 14px; white-space: pre-line; overflow-wrap: anywhere; }
.legal-body h2 { font-size: 18px; margin: 28px 0 10px; font-weight: 700; color: #fff; }
.legal-state { color: #9ca3af; padding: 24px 0; }
.legal-state.error { color: #fca5a5; }
@media (max-width: 600px) { .legal-title { font-size: 22px; } .legal-wrap { padding: 16px 16px 48px; } }