/* domenu.pro/<язык>/privacy/: политика конфиденциальности. Свой файл, чтобы страница не зависела от стилей лендинга
   и выкладывалась отдельно. Цвета и шрифт — те же токены, что в styles.css; тема одна, светлая. */

:root{
  color-scheme:only light;
  --bg:#FCFAF7;
  --cat:#FFD7C6;
  --want:#C2D2EF;
  --ink:#19130F;
  --ink2:#6D5E56;
  --hint:#DACFC7;
  --orange:#FF8B5E;
  --grad:linear-gradient(135deg,#FFA5D8 0%,#FF8B5E 55%,#F77957 100%);
  --font:'Onest',system-ui,sans-serif;
  --gut:clamp(20px,4vw,48px);
  --measure:720px;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{position:relative;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{display:block;max-inline-size:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--ink)}

/* пятна фона, как на корне и 404 */
.blob{position:absolute;z-index:0;aspect-ratio:1;border-radius:50%;filter:blur(96px);pointer-events:none}
.blob.cat{inline-size:clamp(320px,40vw,560px);inset-inline-start:-12vw;inset-block-start:-220px;background:var(--cat);opacity:.9}
.blob.want{inline-size:clamp(240px,28vw,400px);inset-inline-end:-10vw;inset-block-start:340px;background:var(--want);opacity:.45}

.legal-hdr,.legal-main,.legal-foot{position:relative;z-index:1;max-inline-size:calc(var(--measure) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}

.legal-hdr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-block:16px}
.brand{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;border-radius:14px;text-decoration:none}
.brand img{inline-size:34px;block-size:auto}
.wordmark{font-family:'Onest',system-ui,sans-serif;font-size:25px;font-weight:800;line-height:1.1;padding-inline:.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.legal-langs{display:flex;flex-wrap:wrap;gap:0 20px;list-style:none}
.legal-langs a{display:inline-flex;align-items:center;min-block-size:44px;font-size:15px;font-weight:500;color:var(--ink2);text-decoration:none;border-radius:8px;transition:color .2s ease}
.legal-langs a:hover{color:var(--ink)}

.legal-main{padding-block:clamp(24px,5vw,64px) 64px}
/* «конфиденциальности» — 10,4 кегля: на узком телефоне кегль идёт от ширины экрана, чтобы слово влезло между полями;
   переносы и разрыв слова — запас для языков с ещё более длинными словами */
h1{font-size:min(clamp(34px,2.4vw + 24px,52px),calc(9.4vw - 4px));font-weight:800;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
.updated{margin-block-start:14px;font-size:15px;color:var(--ink2)}
.legal-main h2{margin-block-start:44px;font-size:clamp(21px,.6vw + 18px,26px);font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.legal-main > p,.legal-main > ul{max-inline-size:68ch;margin-block-start:14px}
.legal-main > h1 + .updated + p{margin-block-start:32px;font-size:clamp(18px,.4vw + 16.4px,20px);line-height:1.55}
.legal-main p,.legal-main li{text-wrap:pretty}
.legal-main ul{display:grid;gap:8px;list-style:none}
.legal-main li{position:relative;padding-inline-start:24px}
.legal-main li::before{content:"";position:absolute;inset-inline-start:5px;inset-block-start:.66em;inline-size:7px;block-size:7px;border-radius:50%;background:var(--grad)}
.legal-main a{font-weight:600;text-decoration:underline;text-decoration-color:var(--hint);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere;transition:text-decoration-color .2s ease}
.legal-main a:hover{text-decoration-color:var(--orange)}

.legal-foot{padding-block-end:48px;font-size:14px;line-height:1.4;color:var(--ink2)}
.legal-foot p{padding-block-start:24px;border-block-start:1px solid var(--hint)}

@media (min-width:481px){
  .brand img{inline-size:36px}
  .wordmark{font-size:26px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* картинка-счётчик Метрики для тех, у кого выключен JavaScript: за краем экрана */
.ym-px{position:absolute;left:-9999px}