/* Юридические страницы: политика конфиденциальности и согласие. Лёгкие, без WebGL. */
:root {
  --bg: #030303; --fg: #ececea; --fg-dim: rgba(236, 236, 234, .7); --fg-mute: rgba(236, 236, 234, .52);
  --line: rgba(236, 236, 234, .12); --accent: #a6f5a0;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--bg); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: radial-gradient(60% 40% at 50% 0%, rgba(166, 245, 160, .08), transparent 70%), var(--bg);
  color: var(--fg); font: 16px/1.7 Manrope, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
a { color: var(--accent); text-underline-offset: 3px; }
a:focus-visible { outline: 1px solid var(--accent); outline-offset: 3px; }
::selection { background: var(--accent); color: #050505; }

.top {
  display: flex; justify-content: space-between; align-items: center;
  max-width: 760px; margin: 0 auto; padding: 24px 16px;
}
.logo { font-family: Tanker, Unbounded, sans-serif; font-size: 26px; line-height: 1; letter-spacing: .04em; color: var(--fg); text-decoration: none; }
.langs { display: flex; box-shadow: inset 0 0 0 1px rgba(236, 236, 234, .26); }
.langs a { display: grid; place-items: center; min-width: 38px; height: 40px; font: 500 11px/1 'JetBrains Mono', monospace; letter-spacing: .08em; color: var(--fg-mute); text-decoration: none; }
.langs a:hover { color: var(--fg); }
.langs a[aria-current] { color: var(--accent); background: rgba(166, 245, 160, .08); }

.doc { max-width: 760px; margin: 0 auto; padding: 24px 16px 96px; }
.label { margin: 0; font: 500 11px/1.4 'JetBrains Mono', monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
h1 { margin: 12px 0 0; font: 300 clamp(28px, 6vw, 44px)/1.1 Unbounded, sans-serif; letter-spacing: -.03em; }
.date { margin: 12px 0 0; font: 12px/1.4 'JetBrains Mono', monospace; letter-spacing: .06em; color: var(--fg-mute); }
.lead { margin: 32px 0 0; font-size: 18px; color: var(--fg-dim); }
h2 { margin: 48px 0 0; padding-top: 24px; border-top: 1px solid var(--line); font: 300 22px/1.3 Unbounded, sans-serif; letter-spacing: -.01em; }
p, ul { margin: 14px 0 0; }
ul { padding-left: 20px; }
li { margin-top: 6px; }
li::marker { color: var(--accent); }
.back {
  display: inline-flex; align-items: center; gap: 10px; height: 48px; margin-top: 56px; padding: 0 22px;
  box-shadow: inset 0 0 0 1px rgba(166, 245, 160, .45); color: var(--fg); text-decoration: none;
  font: 500 12px/1 'JetBrains Mono', monospace; letter-spacing: .14em; text-transform: uppercase;
}
.back::before { content: ''; width: 8px; height: 8px; background: var(--accent); }
.back:hover { background: var(--accent); color: #050505; }
.back:hover::before { background: #050505; }