/* Общий вид публичных документов: оферта, политика, согласие.
   Отдельный файл, а не копия стилей в каждом: документы правятся по одному, а
   выглядеть должны одинаково — иначе через полгода три разных документа.
   Шрифты системные, ничего не тянется со сторонних доменов: документ о защите
   данных, который сам ходит на чужой хост за шрифтом, противоречит себе. */
:root{
  --bg:#1B1820; --card:#242029; --card2:#2B2830; --border:#38333C;
  --text:#F2EDE4; --dim:#CFC8BB; --faint:#8C8878;
  --accent:#FF7A45; --green:#4FBE82; --red:#E8685E; --yellow:#F0B429;
}
/* Светлая — только по выбору клиента в кабинете (static/theme.js его сюда и
   приносит). Системную настройку браузера не читаем: правило на весь сервис
   одно, иначе воронка разъезжается по цветам (03.09). */
:root[data-theme="light"]{
  --bg:#F6F2EA; --card:#FFFFFF; --card2:#F1ECE3; --border:#D9D2C6;
  --text:#171519; --dim:#4A434F; --faint:#8C8878;
  --accent:#E0521F; --green:#2F9E5B; --red:#D64545; --yellow:#C68A3D;
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--text); line-height:1.62;
     font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
     font-size:16px}
.wrap{max-width:820px; margin:0 auto; padding:48px 20px 80px}
header{border-bottom:1px solid var(--border); padding-bottom:22px; margin-bottom:30px}
.brand{display:flex; align-items:center; gap:11px; margin-bottom:18px}
.brand-name{font-weight:700; letter-spacing:.14em; font-size:15px}
h1{font-size:28px; line-height:1.25; margin:0 0 10px; font-weight:700}
.lead{color:var(--dim); font-size:15px; margin:0}
.ver{color:var(--faint); font-size:13px; margin-top:10px}
h2{font-size:19px; margin:38px 0 12px; font-weight:700; scroll-margin-top:20px}
h3{font-size:16px; margin:24px 0 8px; font-weight:700}
p{margin:0 0 13px}
ul,ol{margin:0 0 13px; padding-left:22px}
li{margin-bottom:6px}
a{color:var(--accent)}
.key{background:var(--card); border:1px solid var(--border); border-left:3px solid var(--accent);
     border-radius:12px; padding:18px 20px; margin:22px 0}
.key b{display:block; margin-bottom:6px; font-size:16.5px; line-height:1.45}
.key p:last-child{margin-bottom:0}
.warn{border-left-color:var(--yellow)}
.ok{border-left-color:var(--green)}
.fill{background:var(--card2); border:1px dashed var(--yellow); border-radius:6px;
      padding:1px 7px; color:var(--yellow); font-size:14px; white-space:nowrap}
.tbl-wrap{overflow-x:auto; border:1px solid var(--border); border-radius:12px; margin:18px 0}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:14.5px}
th{background:var(--card2); text-align:left; padding:11px 14px; font-weight:600;
   border-bottom:1px solid var(--border)}
td{padding:11px 14px; border-bottom:1px solid var(--border); vertical-align:top}
tr:last-child td{border-bottom:none}
td:first-child{color:var(--dim); width:34%}
.toc{background:var(--card); border:1px solid var(--border); border-radius:12px;
     padding:16px 20px; margin:24px 0; font-size:14.5px}
.toc ol{margin:0; padding-left:20px}
.toc li{margin-bottom:3px}
footer{margin-top:50px; padding-top:20px; border-top:1px solid var(--border);
       color:var(--faint); font-size:13.5px}
footer a{color:var(--accent); text-decoration:none}
.note{color:var(--faint); font-size:13px; font-style:italic; margin-top:12px}
@media (max-width:640px){
  .wrap{padding:26px 14px 56px}
  h1{font-size:24px}
  table{font-size:13.5px; min-width:440px}
  th,td{padding:9px 10px}
}