/* Текстовые страницы портала: соглашение, политика обработки данных.
   Здесь нет таблиц и живых данных - только чтение, поэтому узкая колонка
   и крупнее межстрочный интервал, чем на страницах со скринерами. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --lime:#c8f048; --lime600:#b4dd33; --lime-soft:#eef8c9; --ink:#0c0c0e;
  --g900:#24262a; --g700:#4a4d54; --g500:#71757e; --g400:#9aa0a8; --g300:#c9cdd3;
  --g200:#e3e6ea; --g100:#eef0f3; --g50:#f6f7f9; --white:#fff;
  --header-bg:rgba(246,247,249,.9);
}
:root[data-theme="dark"]{
  --ink:#f4f5f7; --g900:#dfe2e7; --g700:#b0b5bd; --g500:#8b9098; --g400:#6a6e76; --g300:#4a4d54;
  --g200:#31343a; --g100:#26282d; --g50:#161719; --white:#202226;
  --lime-soft:rgba(200,240,72,.13); --header-bg:rgba(22,23,25,.9);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--g900);background:var(--g50);min-height:100vh}
a{color:var(--ink)}

header{position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--g200)}
.bar{max-width:1460px;margin:0 auto;display:flex;align-items:center;gap:26px;padding:15px 28px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:25px;letter-spacing:-.02em;
  color:var(--ink);text-decoration:none}
.logo .plus{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;
  border-radius:7px;background:var(--lime);color:#0c0c0e;font-size:14px;font-weight:800;line-height:1}
.actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn{padding:10px 18px;border-radius:100px;font-weight:700;font-size:14px;border:1px solid var(--g200);
  background:var(--white);color:var(--ink);cursor:pointer;white-space:nowrap;text-decoration:none}
.btn.tg{border-color:var(--lime600)}
.btn.ghost{color:var(--g500)}
.btn#themeBtn{display:inline-flex;align-items:center;justify-content:center;color:var(--g700)}

main{max-width:760px;margin:0 auto;padding:36px 28px 80px}
.crumbs{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--g400);margin-bottom:16px}
.crumbs a{color:var(--g500);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
h1{font-size:clamp(27px,4vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.12;
  color:var(--ink);text-wrap:balance}
h2{font-size:18px;font-weight:800;letter-spacing:-.015em;color:var(--ink);margin:32px 0 9px}
p,li{font-size:15.5px;line-height:1.65;color:var(--g700)}
p+p{margin-top:11px}
ul{margin:9px 0 0 20px;display:flex;flex-direction:column;gap:5px}
.notice{margin-top:20px;background:var(--lime-soft);border:1px solid var(--lime600);
  border-radius:16px;padding:15px 18px;font-size:14px;line-height:1.6;color:var(--g900)}
.notice b{display:block;margin-bottom:3px;color:var(--ink)}
.upd{margin-top:34px;padding-top:16px;border-top:1px solid var(--g200);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--g400)}

@media (max-width:760px){
  .bar{padding:12px 16px;gap:12px}
  .btn{padding:8px 13px;font-size:13px}
  main{padding:24px 16px 60px}
}