/* Юридические страницы Neironex Analytics.
   Только типографика документа — палитра и шрифты берутся из main.css. */

.legal-main { max-width: 820px; margin: 0 auto; padding: 140px 0 96px; }
.legal-main h1 { font-family: var(--f-head); font-size: var(--fs-xl); font-weight: 700;
  line-height: 1.15; letter-spacing: -0.02em; margin: 1rem 0; }
.legal-main h2 { font-family: var(--f-head); font-size: var(--fs-lg); font-weight: 600;
  letter-spacing: -0.01em; margin: 2.5rem 0 0.9rem; }
.legal-intro { color: var(--muted); font-size: var(--fs-md); line-height: 1.75; }
.legal-main p, .legal-main li { color: var(--muted); line-height: 1.8; }
.legal-main strong { color: var(--text); }
.legal-main a { color: var(--accent2); }
.legal-main ul, .legal-main ol { padding-left: 1.3rem; }
.legal-main li { margin-bottom: 0.5rem; }
.legal-main code { font-family: var(--f-mono); font-size: 0.9em; background: var(--bg-card2);
  padding: 0.1em 0.45em; border-radius: 4px; color: var(--accent2); }

.legal-kicker { font-family: var(--f-mono); font-size: var(--fs-xs); letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--accent2); margin: 0; }

.document-meta { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 1.5rem 0 2.5rem;
  padding: 1rem 1.25rem; background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-sm); }
.document-meta p { margin: 0; font-size: var(--fs-sm); }

.legal-main table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: var(--fs-sm); }
.legal-main th, .legal-main td { border: 1px solid var(--border); padding: 0.75rem 1rem; text-align: left; }
.legal-main thead th { background: var(--bg-card2); color: var(--text); }
.legal-main td { color: var(--muted); }

.notice { border: 1px solid var(--border); border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm); background: var(--bg-card); padding: 1.25rem 1.5rem;
  margin: 1.75rem 0; color: var(--muted); line-height: 1.75; }
.notice strong { color: var(--text); }

.seller-card { margin: 2.5rem 0 0; padding: 1.5rem; background: var(--bg-card);
  border: 1px solid var(--border); border-radius: var(--radius-lg); }
.seller-card p { margin: 0 0 0.35rem; }
.seller-card p:last-child { margin-bottom: 0; }
.seller-card strong { font-family: var(--f-head); font-size: var(--fs-md); }

@media (max-width: 720px) {
  .legal-main { padding: 110px 0 64px; }
  .document-meta { flex-direction: column; gap: 0.5rem; }
}