/* Страницы документов: политика, согласие.
   Дополняет style.css — переменные и базовые цвета берутся оттуда. */

.doc{background:var(--green-900);min-height:100vh;display:flex;flex-direction:column}
.dwrap{max-width:820px;margin:0 auto;padding:0 24px;width:100%}

/* шапка */
.dhd{border-bottom:1px solid rgba(200,161,90,.18);background:rgba(9,24,18,.9);
  position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.dhd .dwrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:70px}
.dback{display:inline-flex;align-items:center;gap:8px;color:var(--dim);font-size:14px;font-weight:500}
.dback:hover{color:var(--cream)}
.dback svg{width:16px;height:16px;color:var(--brass)}
.dlogo img{height:38px;width:auto;display:block}
/* Телефон в шапке разборов. На странице статьи человек проводит 3–4 минуты,
   а единственный номер на всей странице стоял в подвале, 12,5 px: чтобы
   позвонить, нужно было пролистать текст до конца. На узком экране остаётся
   один значок — иначе шапка не помещается. */
.dtel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;
  border:1px solid rgba(200,161,90,.4);border-radius:10px;color:var(--brass-lt);
  font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;
  transition:background .2s,border-color .2s}
.dtel svg{width:16px;height:16px;flex:none}
@media (hover:hover){.dtel:hover{background:rgba(200,161,90,.12);border-color:var(--brass)}}
@media (max-width:620px){
  .dtel{padding:0;width:44px;justify-content:center}
  .dtel span{display:none}
}

/* текст документа */
.dbody{flex:1;padding:44px 24px 60px;text-align:left}
.dbody h1{font-family:var(--fdisp);font-weight:700;color:var(--cream);
  font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.18;margin:0 0 30px;text-wrap:balance}
.dbody h2{font-family:var(--fdisp);font-weight:700;color:var(--brass-lt);
  font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.25;margin:38px 0 12px}
.dbody h3{font-family:var(--fdisp);font-weight:600;color:var(--cream);font-size:1.05rem;margin:26px 0 8px}
.dbody p{color:var(--dim);font-size:15.5px;line-height:1.72;margin:0 0 14px;max-width:70ch}
.dbody strong{color:#EBE4D2;font-weight:600}
.dbody a{color:var(--brass-lt);text-decoration:underline;text-underline-offset:3px}
.dbody a:hover{color:var(--cream)}
.dbody ul{margin:0 0 16px;padding-left:22px;display:grid;gap:8px;max-width:70ch}
.dbody li{color:var(--dim);font-size:15.5px;line-height:1.62}
.dbody li::marker{color:var(--brass)}
.dbody hr{border:none;height:1px;background:rgba(200,161,90,.18);margin:34px 0}

/* таблицы — на узком экране прокручиваются, а не ломают страницу */
.tw{overflow-x:auto;margin:0 0 20px;border:1px solid rgba(200,161,90,.18);border-radius:12px}
.tw table{border-collapse:collapse;width:100%;min-width:460px;font-size:14.5px}
.tw th,.tw td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(200,161,90,.12)}
.tw th{color:var(--brass-lt);font-weight:600;background:rgba(200,161,90,.07);white-space:nowrap}
.tw td{color:var(--dim);line-height:1.55}
.tw tr:last-child td{border-bottom:none}

.dupd{margin-top:38px;padding-top:18px;border-top:1px solid rgba(200,161,90,.18);
  color:var(--mut);font-size:13px}

/* подвал */
.dft{border-top:1px solid rgba(200,161,90,.16);background:#061410;padding:22px 0;font-size:12.5px;color:var(--mut)}
.dft .dwrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.dft-l{display:flex;gap:18px;flex-wrap:wrap}
/* Ссылки подвала были набраны приглушённо-серым по тёмно-зелёному, а телефон
   в этом ряду терялся совсем (замечание заказчика 05.09.2026): он единственный
   тут не для чтения, а для нажатия. Ему золото, остальным — цвет посветлее.
   Правило живёт в doc.css, а не в blog.css: этот подвал стоит и на политике,
   и на согласии, и на страницах разборов. */
.dft a{color:var(--dim)}
.dft a[href^="tel:"]{color:var(--brass-lt);font-weight:600}
.dft a:hover{color:var(--cream)}
.dft a[href^="tel:"]:hover{color:var(--cream)}

@media (max-width:620px){
  .dhd .dwrap{height:62px}
  .dlogo img{height:32px}
  .dbody{padding:32px 20px 46px}
  .dft .dwrap{flex-direction:column;align-items:flex-start;gap:10px}
}