/* Legal documents — deliberately plain. This page is READ, and read under stress: somebody is
   looking for a refund clause or what we do with their child's data. No brand furniture, no
   animation, generous measure, real anchors. It shares the site's fonts and nothing else.
   GENERATED PAGE, hand-written stylesheet — tools/build-legal.mjs writes the HTML, not this. */
@font-face { font-family: "Golos Text"; src: url("vendor/fonts/golostext-cyrillic.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; src: url("vendor/fonts/golostext-latin.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; }

:root { --ink: #15211d; --ink-2: #3a463f; --ink-3: #5f6b64; --rule: rgba(21,33,29,.14);
        --bg: #f6f8f7; --card: #fff; --accent: #13a292; }
@media (prefers-color-scheme: dark) {
  :root { --ink: #e8efed; --ink-2: #c2ccc8; --ink-3: #93a09b; --rule: rgba(255,255,255,.14);
          --bg: #0c1413; --card: #15201d; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink);
  font: 400 16px/1.62 "Golos Text", system-ui, -apple-system, sans-serif; }

.lg-top { max-width: 860px; margin: 0 auto; padding: 28px 20px 0; }
.lg-back { display: inline-block; margin-bottom: 18px; color: var(--ink-3); text-decoration: none;
  font-size: 14px; font-weight: 600; }
.lg-back:hover { color: var(--accent); }
.lg-top h1 { margin: 0; font-size: clamp(26px, 4vw, 34px); font-weight: 800; letter-spacing: -.02em; }
.lg-sub { margin: 6px 0 0; color: var(--ink-3); font-size: 14px; }
.lg-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding-bottom: 22px;
  border-bottom: 1px solid var(--rule); }
.lg-nav a { padding: 8px 14px; border: 1px solid var(--rule); border-radius: 999px;
  background: var(--card); color: var(--ink-2); text-decoration: none; font-size: 14px; font-weight: 600; }
.lg-nav a:hover { border-color: var(--accent); color: var(--accent); }

.lg-body { max-width: 860px; margin: 0 auto; padding: 0 20px 80px; }
/* scroll-margin so an #anchor from a consent tick does not land under nothing — the reader must
   see the HEADING they were sent to, not the middle of a clause. */
.lg-body section { padding-top: 40px; scroll-margin-top: 20px; }
.lg-body h2 { font-size: clamp(21px, 3vw, 26px); font-weight: 800; letter-spacing: -.015em;
  margin: 0 0 4px; padding-bottom: 14px; border-bottom: 2px solid var(--accent); }
.lg-body h3 { font-size: 17px; font-weight: 700; margin: 30px 0 8px; color: var(--ink);
  scroll-margin-top: 20px; }
.lg-body p { margin: 0 0 10px; color: var(--ink-2); text-wrap: pretty; }
.lg-body ul { margin: 0 0 12px; padding-left: 22px; color: var(--ink-2); }
.lg-body li { margin: 0 0 4px; }
.lg-body a { color: var(--accent); }
@media print {
  body { background: #fff; color: #000; }
  .lg-nav, .lg-back { display: none; }
  .lg-body section { page-break-before: always; }
}