/* Legal pages (terms, privacy, delete account, 404). Tokens come from style.css. */
.legal-page { background: var(--bg); color: var(--text); min-height: 100vh; display: flex; flex-direction: column; }

/* Only the visitor's language is shown; the other two stay in the page for search engines and no-JS. */
html[lang="hy"] .legal-doc:not([lang="hy"]),
html[lang="ru"] .legal-doc:not([lang="ru"]),
html[lang="en"] .legal-doc:not([lang="en"]) { display: none; }

.legal-nav { position: sticky; top: 0; z-index: 10; padding: 14px 0; background: var(--surface-glass, var(--surface)); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); }
.legal-brand { font-weight: 800; font-size: 19px; color: var(--text); }
.legal-langs { display: inline-flex; gap: 4px; padding: 4px; border-radius: 99px; background: var(--surface-2, var(--surface)); border: 1px solid var(--border); }
.legal-langs button { border: 0; background: none; padding: 6px 12px; border-radius: 99px; font-weight: 700; font-size: 13px; color: var(--text-soft); cursor: pointer; }
.legal-langs button.active { background: var(--gradient-brand); color: #fff; }

.legal-main { flex: 1; max-width: 820px; padding-top: 48px; padding-bottom: 72px; }
.legal-doc h1 { font-size: clamp(28px, 4vw, 40px); font-weight: 800; letter-spacing: -.02em; }
.legal-meta { margin-top: 8px; color: var(--text-mute); font-size: 14px; }
.legal-note { margin-top: 18px; padding: 14px 18px; border-radius: var(--radius); background: var(--brand-50, rgba(18,174,174,.08)); border: 1px solid var(--border); color: var(--text-soft); font-size: 14.5px; }
html[data-theme="dark"] .legal-note { background: var(--surface-2); }
.legal-toc { margin: 26px 0 8px; padding: 18px 22px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.legal-toc ol { margin: 0; padding-left: 0; list-style: none; columns: 2; column-gap: 28px; }
.legal-toc li { margin: 4px 0; break-inside: avoid; }
.legal-toc a { color: var(--text-soft); text-decoration: none; font-size: 14px; }
.legal-toc a:hover { color: var(--brand-600); }
.legal-doc section { margin-top: 30px; scroll-margin-top: 90px; }
.legal-doc h2 { font-size: 19px; font-weight: 800; margin-bottom: 10px; }
.legal-doc p, .legal-doc li { color: var(--text-soft); font-size: 15.5px; line-height: 1.7; }
.legal-doc p { margin-bottom: 10px; }
.legal-doc ol, .legal-doc ul { padding-left: 22px; }

.legal-footer { padding: 22px 0; border-top: 1px solid var(--border); font-size: 14px; color: var(--text-mute); }
.legal-footer a { color: var(--text-soft); text-decoration: none; }
.legal-footer a:hover { color: var(--brand-600); }

.legal-404 { text-align: center; padding: 60px 0; }
.legal-404__code { font-size: 96px; font-weight: 800; line-height: 1; background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; color: transparent; }
.legal-404 h1 { margin-top: 12px; }
.legal-404 p { margin: 10px auto 26px; max-width: 420px; }

@media (max-width: 576px) { .legal-toc ol { columns: 1; } .legal-main { padding-top: 32px; } }
.legal-doc ul { list-style: disc; } .legal-doc ol { list-style: decimal; }