/* Юридичні сторінки: оферта, політика конфіденційності.
   Ті самі кольори й шрифти, що на головній, але верстка — для читання
   довгого тексту: вузька колонка, великий міжрядковий інтервал, зміст. */
:root{--cream:#F8F5E9;--cream-deep:#F1ECDC;--navy:#14243D;--navy-mid:#2A3A56;--navy-soft:#47526B;--red:#C2202A}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream);
  color:var(--navy);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--red);text-underline-offset:2px}
.doc-top{background:var(--cream);border-bottom:1px solid rgba(20,36,61,.1);position:sticky;top:0;z-index:10}
.doc-top .in{max-width:820px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.doc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:800}
.doc-brand img{width:40px;height:40px;object-fit:contain;border-radius:6px}
.doc-back{font-weight:700;font-size:.92rem;text-decoration:none;color:var(--navy)}
.doc{max-width:820px;margin:0 auto;padding:44px 22px 80px}
.doc-sheet{background:#FFFDF7;border-radius:10px;padding:46px 48px;
  box-shadow:0 2px 3px rgba(20,36,61,.05),0 20px 50px rgba(20,36,61,.1)}
.doc h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:8px}
.doc-meta{color:var(--navy-soft);font-size:.92rem;margin-bottom:26px}
.doc-toc{background:var(--cream-deep);border-radius:12px;padding:18px 22px;margin-bottom:34px}
.doc-toc b{display:block;margin-bottom:6px}
.doc-toc ol{padding-left:22px;columns:2;column-gap:28px;font-size:.93rem}
.doc-toc a{color:var(--navy);text-decoration:none}
.doc-toc a:hover{color:var(--red)}
.doc h2{font-size:1.25rem;letter-spacing:-.015em;margin:36px 0 10px;scroll-margin-top:90px}
.doc h3{font-size:1.02rem;margin:20px 0 6px}
.doc p,.doc li{color:var(--navy-mid)}
.doc p+p{margin-top:10px}
.doc ul,.doc ol.doc-list{padding-left:22px;margin:8px 0}
.doc li+li{margin-top:5px}
.doc .key{background:rgba(194,32,42,.07);border-left:3px solid var(--red);border-radius:6px;padding:14px 18px;margin:14px 0}
.doc table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92rem}
.doc th,.doc td{text-align:left;padding:9px 10px;border-bottom:1px solid rgba(20,36,61,.12);vertical-align:top}
.doc th{font-weight:700;background:var(--cream-deep)}
.doc-foot{max-width:820px;margin:0 auto;padding:0 22px 40px;font-size:.88rem;color:var(--navy-soft);
  display:flex;flex-wrap:wrap;gap:6px 18px}
.doc-foot a{color:var(--navy-soft)}
.ph{background:#fff3c4;border-radius:4px;padding:0 4px}  /* заповнити перед запуском */
@media(max-width:640px){
  .doc{padding:24px 12px 60px}
  .doc-sheet{padding:28px 20px}
  .doc-toc ol{columns:1}
  .doc table{font-size:.85rem}
}