/* Правові сторінки TBC. Токени ті самі, що на лендінгу (скін «Мороз»):
   темні шапка й підвал, світлий документ — читати довгий текст на темному важко. */
:root{
  --bg:#0a0e13; --bg-2:#121a24;
  --paper:#fff; --line:#e3ebf1;
  --ink:#12212c; --muted:#5b7284;
  --on-dark:#eef5fa; --on-dark-muted:#8ba3b8; --rule:rgba(238,245,250,.14);
  --frost:#79d0ff; --frost-2:#3ba3de;
  --display:Oswald,"Arial Narrow",sans-serif;
  --body:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;
     -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.page{max-width:720px;margin:0 auto;background:var(--paper);min-height:100vh}
.wrap{padding-inline:20px}

/* шапка */
.top{background:var(--bg);color:var(--on-dark)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;
           padding-block:14px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;
      font:600 21px var(--display);text-transform:uppercase;letter-spacing:.02em}
.logo .mark{width:9px;height:22px;background:var(--frost);display:block}
.hdr-btn{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:2px;
         background:var(--frost);color:#06121c;text-decoration:none;
         font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* документ */
.doc{padding-block:34px 44px}
h1{font:600 31px var(--display);text-transform:uppercase;line-height:1.08;margin:0 0 6px;
   letter-spacing:-.005em}
h2{font:600 19px var(--display);text-transform:uppercase;line-height:1.15;margin:28px 0 8px}
p{margin:0 0 13px}
.upd{color:var(--muted);font-size:13.5px;margin-bottom:22px}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:7px}
.note{background:#f4f8fb;border-left:3px solid var(--frost-2);padding:13px 15px;margin:18px 0;
      font-size:14.5px}
.back{display:inline-block;margin-top:26px;font-size:14.5px;color:var(--frost-2);
      text-decoration:underline;text-underline-offset:3px}

/* підвал */
.foot{background:var(--bg);color:var(--on-dark-muted);font-size:12.5px;text-align:center}
.foot .wrap{padding-block:26px 30px}
.foot .logo{justify-content:center;color:var(--on-dark);margin-bottom:12px}
.foot .cr{margin-top:8px}
.foot .links{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}
.foot .links a{text-decoration:underline;text-underline-offset:3px}

@media (max-width:420px){
  h1{font-size:26px}
  .doc{padding-block:28px 38px}
}