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

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

.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); }
/* Ссылка в тексте не должна опознаваться ТОЛЬКО по цвету (WCAG 1.4.1).
   Для ЦА 45+ со сниженным цветовосприятием синий текст без подчеркивания
   не читается как ссылка - человек не открывает Политику и Оферту.
   Подчеркивание постоянное, со смещением - чтобы не съедать нижние выносные. */
.content__body a{
  color:var(--c-blue-link);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.content__body a:hover{ text-decoration-thickness:2px; }
.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; }

/* Длинные ссылки в тексте не ломают верстку на узком экране */
/* anywhere, а НЕ break-word: break-word разрывает слово при отрисовке, но не
   уменьшает min-content — браузер все равно резервирует ширину самого длинного
   слова («организацию/ТСЖ/ресурсоснабжающую», «info@podai-zhalobu.ru»),
   и при крупном шрифте мобильный layout viewport расширяется, давая
   горизонтальный скролл на всей странице. anywhere уменьшает min-content.
   Визуально при достаточной ширине разницы нет: слово рвется только если
   иначе не влезает. */
.content__body{ overflow-wrap:anywhere; }
/* В таблицах anywhere вреден: он рвет короткие токены вроде «5.1» на «5.» и «1»,
   и первый столбец с номерами разъезжается в два ряда. В ячейках переносим
   только по обычным правилам, а номера не переносим вовсе. */
.content__body th,
.content__body td{ overflow-wrap:normal; word-break:normal; }
.content__body th:first-child,
.content__body td:first-child{ white-space:nowrap; }

/* Плейсхолдеры (заполняются перед публикацией) — визуально заметны в препроде */
[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) — единое определение в components.css.
   Здесь дубль УБРАН: он перебивал стиль и ховер кнопки на content-страницах
   (старый ховер-потемнение вместо варианта 3, нет 2px-контура). */

/* Кнопка «Настройки cookie» в футере — стиль УБРАН: на главной ее нет (дефолтная
   кнопка браузера), приводим юр-страницы к тому же виду (выбор оператора). */

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

/* Скролл широких таблиц на мобильном (после markdown-таблиц) */
/* Скроллящаяся область должна быть достижима с клавиатуры (WCAG 2.1.1)
   и показывать фокус. tabindex="0" стоит в разметке. */
.content__table-scroll:focus-visible{
  outline:2px solid var(--c-blue-link);
  outline-offset:2px;
}
.content__table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 var(--sp-4); }
.content__table-scroll table{ margin:0; min-width:520px; }

/* ============================================================
   ПЕЧАТЬ ЮР-СТРАНИЦ
   Человек распечатывает Политику или Оферту (или сохраняет в PDF),
   чтобы иметь на руках редакцию, действовавшую в момент согласия.
   Без этих правил на бумагу уезжают меню, cookie-баннер и кнопки,
   а таблица внутри горизонтального скролла обрезается по правому краю.
   ============================================================ */
@media print{
  /* Служебное на бумагу не идет */
  .site-header,
  .cookie-banner,
  .cookie-modal,
  .skip-link,
  .footer__cookie-btn,
  .footer__nav,
  .footer__legal{ display:none !important; }

  /* Таблицы: снять скролл, иначе печатается только видимая часть */
  .content__table-scroll{ overflow:visible !important; }
  .content__table-scroll table{ min-width:0 !important; width:100% !important; }
  .content__body table{ font-size:10pt; }

  /* Не рвать смысловые блоки между страницами */
  .content__body tr,
  .content__body li,
  .content__body h2,
  .content__body h3{ break-inside:avoid; page-break-inside:avoid; }
  .content__body h2,
  .content__body h3{ break-after:avoid; page-break-after:avoid; }

  /* Бумага: черный текст, без фонов и теней */
  body{ background:#fff; color:#000; }
  .content{ padding:0; }
  .content__body a{ color:#000; }

  /* Адрес ссылки рядом с текстом: на бумаге кликнуть нельзя */
  .content__body a[href^="/"]::after{ content:" (подай-жалобу.рф" attr(href) ")"; font-size:9pt; }
  .content__body a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:9pt; }
  .content__body a[href^="mailto"]::after{ content:none; }

  /* Реквизиты и дата редакции — нужны на распечатке */
  .site-footer{ border-top:1px solid #000; padding-top:8pt; }
  .footer__requisites{ font-size:9pt; color:#000; }

  @page{ margin:16mm 14mm; }
}