/* Страницы документов: соглашение, политика, согласие, правила рекомендаций. */
:root{--bg:#090b0c;--ink:#ece9e0;--muted:#a3a89b;--gold:#d8bb86;--gold2:#ecd3a2;--line:#ffffff1c;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}
.doc-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:820px;margin:0 auto;padding:26px 20px 0}
.brand{font-family:var(--serif);font-size:25px;color:var(--ink);text-decoration:none;letter-spacing:.02em;white-space:nowrap}
.brand-star{color:var(--gold);margin-right:6px}
.back{font-size:13px;color:var(--gold);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--gold2)}
main{max-width:820px;margin:0 auto;padding:22px 20px 56px}
h1{font-family:var(--serif);font-weight:500;font-size:46px;line-height:1.08;margin:18px 0 10px}
.doc-date{color:var(--muted);font-size:13px;margin:0 0 28px}
h2{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.2;margin:40px 0 12px;color:#f3eee2}
p,li{color:#d5d2c8}
p{margin:0 0 12px}
ol,ul{padding-left:22px;margin:0 0 12px}
li{margin:6px 0}
a{color:var(--gold);text-underline-offset:3px;text-decoration-color:#d8bb8680}
a:hover{color:var(--gold2)}
.lead{font-size:16px;color:#e6e2d8}
.note{margin:18px 0;padding:16px 18px;border:1px solid #d8bb8640;border-radius:10px;background:#121616}
.note p:last-child{margin-bottom:0}
.table-wrap{overflow-x:auto;margin:12px 0 16px}
table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.6}
th,td{padding:10px 10px 10px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top;color:#d5d2c8}
th{color:#c9c3b2;font-weight:600;font-size:13px}
.doc-footer{max-width:820px;margin:0 auto;padding:22px 20px 48px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--muted)}
.doc-footer a{color:#cbc4b0}
@media(max-width:600px){
  body{font-size:14.5px}
  h1{font-size:35px}
  h2{font-size:24px;margin-top:34px}
  .doc-footer{display:grid}
}
/* На телефоне таблица превращается в карточки: три колонки не помещаются. */
@media(max-width:600px){
  .table-wrap{overflow:visible}
  table{min-width:0}
  table,tbody,tr,td{display:block}
  thead{display:none}
  tr{padding:12px 0;border-top:1px solid var(--line)}
  td{padding:2px 0;border:0}
  td:first-child{color:#ece9e0;font-weight:600;margin-bottom:4px}
  td:nth-child(2)::before{content:'Зачем: ';color:var(--muted)}
  td:nth-child(3)::before{content:'Хранение: ';color:var(--muted)}
}