/* ===========================================================
   ENCYCLYKA - privacy policy and terms

   This lived as an inline <style> block on every page that used it, and the
   site CSP allows style-src 'self' only: no unsafe-inline, no hash, no nonce.
   The browser dropped the block and these pages rendered as unstyled text.
   Load order matters: after style.css, so it can override the tokens.
   =========================================================== */

  .legal{ padding:90px 0 120px; }
  .legal .eyebrow{ margin-bottom:22px; }
  .legal h1{ font-family:var(--f-display); font-weight:700;
  font-size:clamp(28px,5vw,60px); line-height:1.05;
  /* the document carries lang="ru", so the browser can hyphenate instead of
     pushing the page sideways: "конфиденциальности" alone is wider than a
     312px phone column at 34px, which set a 395px minimum for this page */
  hyphens:auto; overflow-wrap:break-word; }
  .legal .lead{ color:var(--ink-soft); font-size:17px; margin-top:20px; max-width:660px; }
  .legal .updated{ font-family:var(--f-ui); font-size:12px; letter-spacing:var(--tracking-wide);
                   text-transform:uppercase; color:#6d6961; margin-top:14px; }
  .legal-body{ margin-top:56px; max-width:780px; }
  .legal-body h2{ font-family:var(--f-display); font-weight:600; font-size:clamp(22px,2.4vw,30px);
                  margin:48px 0 14px; line-height:1.2; }
  .legal-body h2:first-child{ margin-top:0; }
  .legal-body p{ color:var(--ink-soft); font-size:16px; line-height:1.7; margin-bottom:14px; }
  .legal-body ul{ margin:0 0 18px; padding-left:22px; list-style:disc; }
  .legal-body li{ color:var(--ink-soft); font-size:16px; line-height:1.7; margin-bottom:8px; }
  .legal-body a{ color:var(--accent); border-bottom:1px solid currentColor; }
  .legal-body .callout{ background:var(--paper); border:1px solid var(--line-soft); padding:18px 22px; margin:20px 0; }
  .legal-body .callout p{ margin:0; font-size:15.5px; }
  .legal-back{ margin-top:64px; }
  .legal-back a{ font-family:var(--f-ui); font-size:12.5px; letter-spacing:var(--tracking-wide);
                 text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:4px; }
  .legal-back a:hover{ color:var(--accent); border-color:var(--accent); }

  .legal{ padding:90px 0 120px; }
  .legal .eyebrow{ margin-bottom:22px; }
  .legal h1{ font-family:var(--f-display); font-weight:700;
  font-size:clamp(28px,5vw,60px); line-height:1.05;
  /* the document carries lang="ru", so the browser can hyphenate instead of
     pushing the page sideways: "конфиденциальности" alone is wider than a
     312px phone column at 34px, which set a 395px minimum for this page */
  hyphens:auto; overflow-wrap:break-word; }
  .legal .lead{ color:var(--ink-soft); font-size:17px; margin-top:20px; max-width:660px; }
  .legal .updated{ font-family:var(--f-ui); font-size:12px; letter-spacing:var(--tracking-wide);
                   text-transform:uppercase; color:var(--ink-faint); margin-top:14px; }
  .legal-body{ margin-top:56px; max-width:760px; }
  .legal-body h2{ font-family:var(--f-display); font-weight:600; font-size:clamp(22px,2.4vw,30px);
                  margin:48px 0 14px; line-height:1.2; }
  .legal-body h2:first-child{ margin-top:0; }
  .legal-body p{ color:var(--ink-soft); font-size:16px; line-height:1.7; margin-bottom:14px; }
  .legal-body ul{ margin:0 0 18px; padding-left:22px; list-style:disc; }
  .legal-body li{ color:var(--ink-soft); font-size:16px; line-height:1.7; margin-bottom:8px; }
  .legal-body a{ color:var(--accent); border-bottom:1px solid currentColor; }
  .legal-back{ margin-top:64px; }
  .legal-back a{ font-family:var(--f-ui); font-size:12.5px; letter-spacing:var(--tracking-wide);
                 text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:4px; }
  .legal-back a:hover{ color:var(--accent); border-color:var(--accent); }