/* ============================================================
   content.css — контентные и юридические страницы.
   Опирается на tokens.css. Читаемость длинных юр-текстов на мобильном.
   ============================================================ */

.content{ padding-block:var(--sp-6) var(--sp-7); }
.content .container{ max-width:760px; }

.content__title{
  font-size:var(--fs-h1);
  color:var(--c-blue);
  line-height:1.2;
  margin:0 0 var(--sp-5);
}

/* Тело документа: спокойная типографика для длинного чтения */
.content__body{ color:var(--c-text); line-height:1.65; }
.content__body h2{
  font-size:var(--fs-h2); color:var(--c-blue);
  margin:var(--sp-6) 0 var(--sp-3); line-height:1.3;
}
.content__body h3{
  font-size:var(--fs-h3); color:var(--c-text);
  margin:var(--sp-5) 0 var(--sp-2);
}
.content__body h4{
  font-size:var(--fs-body); font-weight:700; color:var(--c-text);
  margin:var(--sp-4) 0 var(--sp-2);
}
.content__body p{ margin:0 0 var(--sp-3); }
.content__body ul,
.content__body ol{ margin:0 0 var(--sp-4); padding-left:var(--sp-5); }
.content__body li{ margin-bottom:var(--sp-2); }
.content__body a{ color:var(--c-blue-link); }
.content__body a:hover{ text-decoration:underline; }
.content__body strong{ font-weight:600; }
.content__body hr{
  border:0; border-top:1px solid var(--c-border);
  margin:var(--sp-5) 0;
}

/* Таблицы (реестры/перечни в юр-документах) */
.content__body table{
  width:100%; border-collapse:collapse; margin:0 0 var(--sp-4);
  font-size:var(--fs-small);
}
.content__body th,
.content__body td{
  border:1px solid var(--c-border);
  padding:var(--sp-2) var(--sp-3);
  text-align:left; vertical-align:top;
}
.content__body th{ background:var(--c-bg-soft); font-weight:600; }

/* Длинные ссылки в тексте не ломают вёрстку на узком экране */
.content__body{ overflow-wrap:break-word; }

/* Плейсхолдеры (заполняются перед публикацией) — визуально заметны в препроде */
[data-placeholder]{ font-style:italic; }

/* ============================================================
   Доработки аудита: skip-link, header CTA, cookie-settings, скролл таблиц
   ============================================================ */

/* Skip-link — первый таб-стоп, виден только при фокусе */
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--c-blue); color:#fff; padding:var(--sp-2) var(--sp-4);
  border-radius:0 0 var(--r-md) 0;
}
.skip-link:focus{ left:0; }

/* Шапка: логотип + CTA */
.site-header .container{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); }
.header__cta{
  display:inline-flex; align-items:center;
  background:var(--c-cta); color:var(--c-on-cta);
  padding:var(--sp-2) var(--sp-4); border-radius:var(--r-md);
  font-weight:600; font-size:var(--fs-small); text-decoration:none; white-space:nowrap;
}
@media (hover:hover){ .header__cta:hover{ background:var(--c-cta-hover); } }

/* Кнопка «Настройки cookie» в футере */
.footer__cookie-settings{ margin:var(--sp-3) 0; }
.footer__cookie-btn{
  background:none; border:0; padding:0; cursor:pointer;
  color:var(--c-link-on-soft); font-size:var(--fs-small); font-family:inherit; text-decoration:underline;
}

/* РКН-блок в режиме «до включения в реестр» */
.footer__rkn--pending{ color:var(--c-text-muted); font-size:14px; margin:0 0 var(--sp-3); }

/* Скролл широких таблиц на мобильном (после markdown-таблиц) */
.content__table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 var(--sp-4); }
.content__table-scroll table{ margin:0; }