/* ====== Б—К · юридические страницы (Политика / Согласие) ====== */
*, *::before, *::after { box-sizing: border-box; }

:root {
  --accent: #1E49C8; --accent-deep: #163a9e;
  --ink: #10203f; --muted: #5b6a86; --line: #e5e9f2;
  --paper: #ffffff; --bg: #eef3fb;
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: Manrope, "Segoe UI", system-ui, sans-serif;
  color: var(--ink); background: var(--bg); line-height: 1.62;
  -webkit-font-smoothing: antialiased; font-size: 15.5px;
}

/* ---- Верхняя панель ---- */
.legal-top { position: sticky; top: 0; z-index: 5; background: rgba(255,255,255,0.92); -webkit-backdrop-filter: saturate(1.1) blur(8px); backdrop-filter: saturate(1.1) blur(8px); border-bottom: 1px solid var(--line); }
.legal-top .in { max-width: 860px; margin: 0 auto; padding: 14px 22px; display: flex; align-items: center; gap: 14px; }
.legal-back { display: inline-flex; align-items: center; gap: 7px; color: var(--accent); text-decoration: none; font-weight: 700; font-size: 14.5px; white-space: nowrap; }
.legal-back svg { width: 17px; height: 17px; flex: 0 0 auto; }
.legal-back:hover { text-decoration: underline; }
.legal-brandname { margin-left: auto; font-weight: 800; color: var(--ink); font-size: 15px; letter-spacing: -0.2px; }

/* ---- Контент ---- */
.legal-wrap { max-width: 860px; margin: 0 auto; padding: 34px 22px 70px; }
.legal-card { background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: clamp(22px, 4vw, 46px); box-shadow: 0 10px 30px rgba(16,32,63,0.05); }

.legal-wrap h1 { font-size: clamp(23px, 4.6vw, 33px); font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 8px; }
.legal-lead { color: var(--muted); font-size: 14.5px; margin: 0 0 26px; }
.legal-wrap h2 { font-size: clamp(18px, 3vw, 22px); font-weight: 800; margin: 34px 0 12px; letter-spacing: -0.01em; }
.legal-wrap h3 { font-size: 16px; font-weight: 700; margin: 22px 0 8px; color: var(--accent-deep); }
.legal-wrap p { margin: 0 0 13px; }
.legal-wrap ul { margin: 0 0 13px; padding-left: 22px; }
.legal-wrap li { margin: 0 0 7px; }
.legal-num { color: var(--muted); font-weight: 700; }
.legal-wrap a { color: var(--accent); text-decoration: none; word-break: break-word; }
.legal-wrap a:hover { text-decoration: underline; }
.legal-wrap strong { font-weight: 700; }
.legal-field { margin: 0 0 9px; }
.legal-field b { color: var(--ink); }

/* ---- Таблица ---- */
.legal-scroll { overflow-x: auto; margin: 6px 0 16px; }
.legal-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 520px; }
.legal-table th, .legal-table td { border: 1px solid var(--line); padding: 9px 11px; text-align: left; vertical-align: top; }
.legal-table th { background: var(--bg); font-weight: 700; }

/* ---- Реквизиты в конце ---- */
.legal-req { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.legal-req b { color: var(--ink); }

.legal-foot { max-width: 860px; margin: 0 auto; padding: 8px 22px 50px; text-align: center; color: var(--muted); font-size: 12.5px; }
.legal-foot a { color: var(--muted); }

@media (max-width: 560px) {
  body { font-size: 15px; }
  .legal-brandname { display: none; }
}