/* СТРАНИЦЫ ДОКУМЕНТОВ. Юридический текст читают с телефона и в спешке: узкая колонка,
   крупный межстрочный интервал, спокойный светлый фон. Тёмный «киношный» стиль экскурсии
   здесь мешал бы — от него берём только шрифт и фирменный жёлтый. */
html.doc, body.doc-page{background:#f6f6f1;color:#242721}
body.doc-page{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;padding-bottom:60px}

.doc-head{
  position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:14px 5vw;background:#f6f6f1ee;border-bottom:1px solid #dfe2d8;
  backdrop-filter:blur(6px);
}
.doc-back{font-size:14px;color:#242721;border-bottom:1px solid #b9bfae;padding-bottom:2px}
.doc-back:hover{border-color:#242721}
.doc-head .brand{width:86px;filter:invert(1);mix-blend-mode:multiply}

.doc{max-width:760px;margin:0 auto;padding:28px 5vw 40px}
.doc h1{font-size:clamp(24px,4.5vw,34px);line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 22px}
.doc h2{font-size:16px;letter-spacing:.02em;margin:30px 0 10px;font-weight:700}
.doc p{margin:0 0 14px;color:#3a3f36}
.doc a{color:#7a6a12;border-bottom:1px solid #c9bd77}

.doc-foot{
  max-width:760px;margin:0 auto;padding:22px 5vw 40px;border-top:1px solid #dfe2d8;
  display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#5f6657;
}
.doc-foot a{color:#5f6657;border-bottom:1px solid #cdd2c4;padding-bottom:2px}
.doc-foot a:hover{color:#242721}

@media(max-width:620px){
  body.doc-page{font-size:15px}
  .doc{padding:20px 6vw 32px}
  .doc-head{padding:12px 6vw}
}
