/* Спільний вигляд правових сторінок: /privacy, /terms, /data-deletion.
   Тут, на відміну від головної, стиль винесено в окремий файл свідомо: три
   сторінки з однаковою розміткою, жодна не критична до першого кадру, і
   перевіряльник Meta має бачити їх як один узгоджений набір, а не три різні
   документи. Кольори й шрифти — ті самі, що на сайті. */
:root{
  --display:'Geologica','Onest',-apple-system,'Segoe UI',Roboto,sans-serif;
  --body:'Onest',-apple-system,'Segoe UI',Roboto,sans-serif;
  --paper:#F7FAFD; --card:#FFF;
  --ink:#2B2A28; --mute:#75726C;
  --forest:#2C5687; --deep:#1D3A5E; --moss:#2F80D0;
  --line:rgba(44,86,135,.14);
  --warn:#B4731F;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:var(--body);font-size:16px;line-height:1.66;
  color:var(--ink);background:var(--paper);
  /* Ледь помітний синій підйом угорі — той самий прийом, що на головній,
     щоб сторінка не виглядала голим текстом на білому. */
  background-image:radial-gradient(900px 420px at 50% -10%,rgba(47,128,208,.10),transparent 70%);
  background-repeat:no-repeat;
  padding:0 20px 84px;
}

/* ── шапка ─────────────────────────────────────────────────────────────── */
.lhead{
  max-width:46em;margin:0 auto;display:flex;align-items:center;gap:18px;
  flex-wrap:wrap;padding:22px 0 20px;border-bottom:1px solid var(--line);
}
.lhead .back{display:block;line-height:0;}
.lhead img{height:26px;width:auto;display:block;}
.lhead nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;}
.lhead nav a{font-size:13.5px;color:var(--mute);text-decoration:none;}
.lhead nav a:hover{color:var(--forest);}

main{max-width:46em;margin:0 auto;padding-top:36px;}

/* ── текст ─────────────────────────────────────────────────────────────── */
h1{
  font-family:var(--display);font-weight:800;letter-spacing:-.03em;
  font-size:clamp(28px,4.4vw,38px);line-height:1.12;color:var(--deep);
  text-wrap:balance;
}
.upd{color:var(--mute);font-size:13.5px;margin-top:10px;}
.lead{margin-top:20px;font-size:17px;color:var(--ink);}
h2{
  font-family:var(--display);font-weight:700;letter-spacing:-.02em;
  font-size:19.5px;line-height:1.25;color:var(--deep);
  margin:38px 0 12px;text-wrap:balance;
}
h3{font-family:var(--display);font-weight:600;font-size:16px;color:var(--deep);margin:24px 0 8px;}
p{margin-bottom:12px;}
ul,ol{margin:0 0 14px 22px;}
li{margin-bottom:7px;}
b{font-weight:600;}
a{color:var(--forest);text-underline-offset:2px;}
a:hover{color:var(--moss);}

.note{
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--moss);
  border-radius:12px;padding:14px 16px;margin:18px 0;font-size:15px;
}
.note p:last-child{margin-bottom:0;}
.note.warn{border-left-color:var(--warn);}

dl.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:14px 0 18px;font-size:15px;}
dl.facts dt{color:var(--mute);}
dl.facts dd{margin:0;}

.lfoot{
  margin-top:48px;padding-top:18px;border-top:1px solid var(--line);
  color:var(--mute);font-size:13.5px;
}

/* ── форма запиту на видалення ─────────────────────────────────────────── */
.form{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:22px;margin:22px 0 10px;
  box-shadow:0 18px 40px -34px rgba(29,58,94,.5);
}
.form .row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.form label{font-size:13px;font-weight:500;color:var(--deep);}
.form .hint{font-size:12.5px;color:var(--mute);line-height:1.5;}
.form input,.form select,.form textarea{
  font-family:var(--body);font-size:15px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:10px;
  padding:11px 13px;width:100%;
}
.form textarea{min-height:88px;resize:vertical;}
.form input:focus,.form select:focus,.form textarea:focus{
  outline:2px solid var(--moss);outline-offset:1px;border-color:transparent;
}
.form button{
  font-family:var(--display);font-weight:700;font-size:15px;color:#fff;
  background:var(--forest);border:0;border-radius:11px;padding:13px 22px;cursor:pointer;
}
.form button:hover{background:var(--deep);}
.form button:disabled{opacity:.55;cursor:default;}
/* Пастка для ботів: справжня людина цього поля не бачить і не заповнює. */
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.msg{margin-top:14px;font-size:14.5px;border-radius:11px;padding:13px 15px;display:none;}
.msg.show{display:block;}
.msg.ok{background:#EAF3FB;border:1px solid rgba(44,86,135,.2);color:var(--deep);}
.msg.bad{background:#FDECEC;border:1px solid rgba(192,57,43,.25);color:#9B2F22;}
.msg code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:600;}

@media (max-width:520px){
  main{padding-top:28px;}
  .form{padding:18px 16px;}
  dl.facts{grid-template-columns:minmax(0,1fr);gap:2px 0;}
  dl.facts dd{margin-bottom:10px;}
}

@media (prefers-color-scheme: dark){
  :root{
    --paper:#12171E; --card:#182029;
    --ink:#E4E9EF; --mute:#98A2B0;
    --forest:#7FB3E6; --deep:#CFE1F4; --moss:#9CC8F0;
    --line:rgba(147,190,234,.18);
    --warn:#D9A441;
  }
  body{background-image:radial-gradient(900px 420px at 50% -10%,rgba(47,128,208,.14),transparent 70%);}
  .form button{color:#0F1720;}
  .msg.ok{background:rgba(44,86,135,.22);border-color:rgba(147,190,234,.28);color:var(--deep);}
  .msg.bad{background:rgba(192,57,43,.18);border-color:rgba(192,57,43,.4);color:#F3B9B1;}
}