/* ============================================================
   Служебные страницы документов: правила участия и согласие на
   обработку персональных данных. Читаемый текст, ничего лишнего —
   палитра и шрифты общие с сайтом (css/main.css).
   ============================================================ */
.doc-page{background:var(--black);color:var(--white);}

.doc{
  max-width:820px;margin:0 auto;
  padding:calc(72px + 6vh) var(--gutter) 12vh;
}
.doc-back{
  display:inline-block;margin-bottom:6vh;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--acid);text-decoration:none;
}
.doc-back:hover{text-decoration:underline;text-underline-offset:4px;}

.doc h1{
  font-family:'Akzidenz Grotesk Pro Ext',Arial,sans-serif;font-weight:700;
  font-size:clamp(26px,3.4vw,44px);line-height:1.1;text-transform:uppercase;
}
/* реквизиты и дата под заголовком */
.doc-meta{
  margin-top:26px;padding:20px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:grid;gap:10px;
}
.doc-meta div{display:grid;grid-template-columns:150px 1fr;gap:14px;font-size:14px;line-height:1.5;}
.doc-meta dt,.doc-meta b{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acid);font-weight:400;
}
.doc-meta span{color:var(--white);}

.doc h2{
  margin-top:5vh;
  font-family:'Akzidenz Grotesk Pro Ext',Arial,sans-serif;font-weight:700;
  font-size:clamp(17px,1.6vw,22px);line-height:1.25;color:var(--white);
}
.doc p{margin-top:16px;font-size:15px;line-height:1.65;color:rgba(242,242,240,.78);}
.doc p.lead{margin-top:28px;color:var(--white);}
.doc ul{margin-top:14px;list-style:none;}
.doc li{
  position:relative;padding:7px 0 7px 22px;
  font-size:15px;line-height:1.6;color:rgba(242,242,240,.78);
}
/* маркер — короткое кислотное тире, как в остальной вёрстке */
.doc li::before{
  content:'';position:absolute;left:0;top:1.05em;
  width:10px;height:1px;background:var(--acid);
}
.doc b{color:var(--white);font-weight:400;}

.doc-foot{
  margin-top:8vh;padding-top:22px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:8px 24px;
  font-size:13px;color:var(--grey);
}
.doc-foot a{color:var(--acid);text-decoration:none;}
.doc-foot a:hover{text-decoration:underline;text-underline-offset:4px;}

@media(max-width:600px){
  .doc{padding-top:calc(64px + 4vh);}
  .doc-meta div{grid-template-columns:1fr;gap:4px;}
}