/* Правовые документы — в стиле лендинга Reel (переменные из ../style.css) */
.legal { position: relative; z-index: 1; max-width: 780px; margin: 0 auto; padding: 48px 24px 32px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 28px; }
.legal-nav a {
  padding: 7px 12px; font: 500 13px var(--font-display); text-decoration: none; color: var(--text-dim);
  border: 1px solid var(--border-hair); border-radius: var(--radius); transition: color .15s var(--ease), border-color .15s var(--ease);
}
.legal-nav a:hover { color: var(--text-primary); }
.legal-nav a.active { color: var(--green-bright); border-color: var(--green-dim); background: rgba(143,195,31,.08); }
.legal-doc { padding: 30px 32px; background: var(--bg-panel); border: 1px solid var(--border-hair); border-radius: 6px; line-height: 1.6; font-size: 15px; }
.legal-doc h1 { margin: 0 0 6px; font-size: 26px; letter-spacing: -0.01em; }
.legal-meta { margin: 0 0 24px; font: 12.5px var(--font-mono); color: var(--text-dim); }
.legal-doc h2 { margin: 28px 0 10px; font-size: 17px; color: var(--text-primary); }
.legal-doc p, .legal-doc li { color: #c9d6c5; }
.legal-doc ul, .legal-doc ol { padding-left: 22px; }
.legal-doc li { margin: 4px 0; }
.legal-doc a { color: var(--green-bright); }
.legal-doc b { color: var(--text-primary); }
.legal-doc table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 14px; }
.legal-doc th, .legal-doc td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--border-hair); vertical-align: top; }
.legal-doc th { color: var(--text-dim); font-weight: 500; font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em; }
.legal-doc code { font: 13px var(--font-mono); color: var(--green-bright); }
.legal-card { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--border-hair); border-radius: var(--radius); background: var(--bg-panel-raised); }
.legal-card p { margin: 4px 0; }

.hub-footer .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; margin-top: 8px; }
.hub-footer .footer-links a { color: var(--text-dim); text-decoration: none; }
.hub-footer .footer-links a:hover { color: var(--green-bright); }

.reg-consent { flex-direction: row !important; align-items: flex-start; gap: 10px !important; font-size: 12.5px; line-height: 1.45; color: var(--text-dim); cursor: pointer; }
.reg-consent input { margin-top: 2px; width: 16px; height: 16px; accent-color: var(--green); flex-shrink: 0; padding: 0 !important; }
.reg-consent a { color: var(--green-bright); }

@media (max-width: 520px) { .legal { padding-top: 28px; } .legal-doc { padding: 20px; font-size: 14.5px; } }

/* Логотип Reel — фирменным шрифтом, как на всех страницах экосистемы */
@font-face { font-family: 'Advaken Sans'; src: url(/hub-assets/advaken-sans.otf) format('opentype'); font-display: swap; }
.brand-name { font-family: 'Advaken Sans', var(--font-display); font-weight: 400; letter-spacing: .01em; }
.brand-name { color: var(--green-bright); }