/* =========================================================
   Правовые страницы (политика конфиденциальности).
   Отдельный файл: это обычный документ, который читают сверху вниз,
   а не приложение. Отсюда и прокрутка — в base.css у body она выключена.
   ========================================================= */
body{overflow:auto}

/* Показываем только выбранный язык. Значение стоит прямо в разметке,
   поэтому без скриптов страница тоже читается — на одном языке. */
html[data-lang="ru"] [data-when="en"]{display:none}
html[data-lang="en"] [data-when="ru"]{display:none}

.lg{max-width:780px;margin:0 auto;padding:22px 18px 60px;
  padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}

.lg-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.lg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.lg-mark{width:34px;height:34px;border-radius:50%;display:block}
.lg-name{font-family:var(--font-display,var(--font));font-size:18px;font-weight:800;letter-spacing:-.02em}
/* Переключатель языка повторяет .seg из приложения: components.css сюда
   не подключаем, ради двух кнопок он тяжеловат. */
.lg-lang{margin-left:auto;display:inline-flex;background:var(--surface-2);border-radius:var(--r-full);padding:4px;gap:2px}
.lg-lang button{height:30px;padding:0 14px;border:0;border-radius:var(--r-full);background:none;cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text-2);transition:var(--t-fast)}
.lg-lang button:hover{color:var(--text)}
.lg-lang button.is-on{background:var(--surface);color:var(--accent-2);box-shadow:var(--sh-1)}

.lg-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh-1);padding:26px 26px 30px}
.lg-card h1{font-family:var(--font-display,var(--font));font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0}
.lg-card h2{font-size:16px;font-weight:800;margin:26px 0 8px}
.lg-card p{margin:0 0 12px;font-size:14.5px;line-height:1.7;color:var(--text-2)}
.lg-card ul{margin:0 0 14px;padding-left:20px}
.lg-card li{font-size:14.5px;line-height:1.7;color:var(--text-2);margin-bottom:8px}
.lg-card b{color:var(--text)}
.lg-card a{color:var(--accent-2,var(--accent));font-weight:700;overflow-wrap:anywhere}

.lg-date{font-size:12.5px;font-weight:700;color:var(--text-3);margin:6px 0 18px}
.lg-tldr{background:var(--accent-soft);border-radius:var(--r-sm);padding:14px 16px;margin-bottom:6px}
.lg-tldr p{margin:0;color:var(--text)}
.lg-back{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}

@media (max-width:560px){
  .lg{padding-top:16px}
  .lg-card{padding:18px 16px 22px;border-radius:20px}
  .lg-card h1{font-size:22px}
  .lg-card h2{font-size:15px;margin-top:22px}
  .lg-card p,.lg-card li{font-size:14px}
}