:root {
  --fg: #222;
  --muted: #666;
  --border: #e5e7eb;
  --bg: #fff;
  --bg-soft: #fafafa;
  --link: #0b6bcb;
  --radius: 10px;
  --max: 920px;
  --pad: 20px;
  --hpad: clamp(16px, 4vw, 28px);
}
@media (prefers-color-scheme: dark) {
  :root {
    --fg: #eaeaea;
    --muted: #9ca3af;
    --border: #2b2f36;
    --bg: #0b0c0f;
    --bg-soft: #0f1115;
    --link: #4da3ff;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--fg);
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    "Noto Sans",
    "Helvetica Neue",
    sans-serif;
}
.wrap {
  max-width: var(--max);
  margin: 0 auto;
  padding: 32px var(--hpad) 80px;
}
header.policy-header {
  margin-bottom: 18px;
}
.breadcrumbs {
  font-size: 0.85rem;
  color: var(--muted);
  margin-bottom: 12px;
}
.breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
h1 {
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  margin: 8px 0 10px;
  line-height: 1.2;
}
.meta {
  color: var(--muted);
  font-size: 0.9rem;
}
.notice {
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 16px;
  margin: 18px 0 24px;
  font-size: 0.95rem;
}
nav.toc {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
  background: var(--bg-soft);
}
nav.toc strong {
  display: block;
  margin-bottom: 8px;
}
nav.toc ul {
  margin: 0;
  padding-left: 18px;
}
nav.toc a {
  color: var(--link);
  text-decoration: none;
}
nav.toc a:hover {
  text-decoration: underline;
}
article {
  line-height: 1.65;
}
section {
  margin: 28px 0;
}
h2 {
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
  margin: 0 0 10px;
}
h3 {
  font-size: 1.05rem;
  margin: 14px 0 8px;
}
p {
  margin: 8px 0;
}
ul,
ol {
  padding-left: 20px;
  margin: 8px 0;
}
a {
  color: var(--link);
}
.muted {
  color: var(--muted);
}
.back-to-top {
  margin-top: 12px;
  font-size: 0.9rem;
}
footer.page-footer {
  margin-top: 36px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  font-size: 0.9rem;
  color: var(--muted);
}
.legal-note {
  font-size: 0.85rem;
  color: var(--muted);
}
/* Печать */
@media print {
  nav.toc,
  .breadcrumbs,
  .back-to-top {
    display: none;
  }
  .wrap {
    padding: 0;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
}