/* Страница документов.

   Оформление подчинено одному: чтобы это читали, а не пролистывали.
   Поэтому строка короче обычной, между абзацами воздух, а важные места
   вынесены в рамки. Мелкого шрифта нет нигде — мелкий шрифт в документах
   означает «мы надеемся, что вы это пропустите». */

.doc{padding:40px 0 70px}
.doc .wrap{max-width:760px}

.doc h1{font-size:clamp(28px,5vw,40px);margin:0 0 12px}
.doc .lead{font-size:16.5px;margin-bottom:30px}

.docnav{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;
  padding:14px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;
}
.docnav a{
  font-size:13px;color:var(--dim);text-decoration:none;
  border:1px solid var(--line);border-radius:8px;padding:7px 12px;transition:.16s;
}
.docnav a:hover{border-color:var(--gold);color:var(--gold2)}

.docdate{font-size:12.5px;color:var(--dim);margin:0 0 42px;padding-bottom:22px;
         border-bottom:1px solid var(--line)}

.doc section{margin-bottom:56px;scroll-margin-top:80px}
.doc h2{
  font-size:clamp(22px,3.4vw,28px);margin:0 0 22px;padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.doc h3{font-size:16px;margin:28px 0 10px;color:var(--gold2)}
.doc p{font-size:15px;line-height:1.75;margin:0 0 14px;color:#c7cddb}
.doc b{color:var(--txt)}

.doclist{list-style:none;padding:0;margin:0 0 16px}
.doclist li{
  position:relative;padding-left:20px;margin-bottom:9px;
  font-size:15px;line-height:1.7;color:#c7cddb;
}
.doclist li::before{content:'';position:absolute;left:3px;top:11px;
                    width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.65}
.doclist.warn li::before{background:#ff8c8c;opacity:.75}

.doctab{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:14.5px}
.doctab th{
  text-align:left;font-weight:600;font-size:12.5px;color:var(--dim);
  padding:9px 14px 9px 0;border-bottom:1px solid var(--line);
}
.doctab td{padding:11px 14px 11px 0;border-bottom:1px solid rgba(255,255,255,.05);
           color:#c7cddb;line-height:1.6}
.doctab td{overflow-wrap:anywhere}
/* Цена в одну строку — только в таблице цен. В таблице данных последняя
   колонка — длинный текст «зачем»; с nowrap она уезжала за правый край
   телефона и обрезалась (Назар, 18.09.2026). */
.doctab.ceny tr td:last-child{white-space:nowrap;color:var(--txt)}

/* Важное — в рамку. Не потому что «внимание», а чтобы человек, который
   листает по диагонали, зацепился хотя бы за это. */
.docnote{
  background:rgba(216,180,95,.07);border:1px solid rgba(216,180,95,.22);
  border-radius:10px;padding:14px 17px;margin:16px 0 18px !important;
}

@media(max-width:680px){
  .doc{padding:26px 0 50px}
  .doc section{margin-bottom:40px}
  .doctab{font-size:13.5px}
  .doctab th,.doctab td{padding-right:8px}
}

/* Пошаговый порядок покупки: номера в золотых кружках. */
.docsteps{list-style:none;counter-reset:shag;padding:0;margin:4px 0 16px}
.docsteps li{
  position:relative;counter-increment:shag;padding-left:40px;margin-bottom:14px;
  font-size:15px;line-height:1.7;color:#c7cddb;
}
.docsteps li::before{
  content:counter(shag);position:absolute;left:0;top:1px;
  width:26px;height:26px;border-radius:50%;
  border:1px solid rgba(216,180,95,.5);color:var(--gold2);
  font-size:13px;font-weight:600;line-height:24px;text-align:center;
}