/* 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.
   The HTML is irikos's generated page with the domain / product name substituted (RULES §1,
   tests/plus_legal_page.test.mjs); this stylesheet is hand-written. */
@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; }
}