/* ============================================================
   Правовая страница. Той же палитрой и шрифтом, что и сайт,
   но без анимаций: сюда приходят читать, а не смотреть.
   ============================================================ */

.doc{ padding:0 var(--pad) var(--s6); }

.doc__top{
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--s3); padding:22px 0 var(--s5);
}
.doc__back{
  font-size:14px; color:var(--t2); position:relative;
  transition:color 320ms var(--e);
}
.doc__back::before{ content:"←"; margin-right:10px; }
.doc__back:hover{ color:var(--t1); }
.doc__tel{ font-size:14px; color:var(--t2); transition:color 320ms var(--e); }
.doc__tel:hover{ color:var(--t1); }

.doc__body{ max-width:74ch; margin:0 auto; }

.doc h1{
  margin-top:var(--s3);
  font-size:clamp(2rem,4.4vw,3.6rem);
  line-height:.98; letter-spacing:-.035em; font-weight:300;
}
.doc__lead{
  margin-top:var(--s4);
  font-size:clamp(16px,1.3vw,19px); color:var(--t2); max-width:62ch;
}
.doc__date{ margin-top:var(--s3); font-size:13px; color:var(--t3); }

.doc__sec{ margin-top:var(--s5); }
.doc__sec h2{
  font-size:clamp(19px,1.7vw,24px);
  line-height:1.15; letter-spacing:-.02em; font-weight:400;
  padding-bottom:14px; border-bottom:1px solid var(--hair);
}
.doc__sec p{ margin-top:18px; color:var(--t2); max-width:66ch; }
.doc__sec strong{ color:var(--t1); font-weight:400; }
.doc__sec a{ color:var(--t1); border-bottom:1px solid var(--hair); }
.doc__sec a:hover{ border-bottom-color:var(--t1); }

.doc__list{ margin-top:18px; display:grid; gap:12px; }
.doc__list li{
  position:relative; padding-left:22px; color:var(--t2); max-width:64ch;
}
.doc__list li::before{
  content:""; position:absolute; left:0; top:.7em;
  width:8px; height:1px; background:var(--accent);
}

/* Место, куда владелец подставит реквизиты: видно, что это заготовка */
.doc__fill{
  color:var(--accent);
  border-bottom:1px dashed rgba(217,85,43,.5);
}

.doc__cta{ margin-top:var(--s6); }

@media (max-width:720px){
  .doc{ padding-bottom:var(--s5); }
  .doc__top{ padding:16px 0 var(--s4); }
  .doc__sec{ margin-top:var(--s4); }
}