/* Страницы с блоками (SPEC §4): «О компании» (синий), privacy, consent и страницы из панели (ink).
   Блоки собраны из приёмов v10: заголовок раздела цветом раздела, текст редактора, кадр изображения, светлая полоса
   (факты — как полоса баннеров), строки между линейками (документы — как датированный список). Без карточек и теней. */

/* ---------- ритм блоков ---------- */
.page-block + .page-block { margin-top: 48px; }
.page-block.band, .page-block.band + .page-block { margin-top: var(--section); }
.page-block__title { margin-bottom: 16px; }
.band .page-block__title { margin-bottom: 28px; }
@media (min-width: 768px) {
  .page-block + .page-block { margin-top: 64px; }
  .page-block__title { margin-bottom: 20px; }
  .band .page-block__title { margin-bottom: 36px; }
}

/* ---------- изображение: кадр по пропорции блока, подпись серым ---------- */
.media-frame { margin: 0; }
.media-frame picture { display: contents; }
.media-frame img { width: 100%; height: auto; background: var(--surface); }
.media-frame__caption { max-width: 72ch; margin-top: 10px; font-size: var(--fs-small); line-height: 1.45; color: var(--muted); }

/* ---------- изображение и текст: планшет — пополам; компьютер — 6 колонок картинка, 5 текст, между ними колонка ---------- */
.image-text { display: grid; gap: 24px; align-items: start; }
/* одна колонка: порядок как при чтении двух колонок слева направо — картинка справа идёт после текста */
.image-text--right .image-text__media { order: 2; }
@media (min-width: 768px) {
  .image-text { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gutter); }
  .image-text__media, .image-text__body { grid-row: 1; }
  .image-text--solo { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1024px) {
  .image-text { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .image-text__media { grid-column: 1 / span 6; grid-row: 1; }
  .image-text__body { grid-column: 8 / span 5; grid-row: 1; }
  .image-text--right .image-text__media { grid-column: 7 / span 6; }
  .image-text--right .image-text__body { grid-column: 1 / span 5; }
  .image-text--solo .image-text__body { grid-column: 1 / span 8; }
}

/* ---------- факты: три колонки, как баннеры v10 (заголовок + текст) ---------- */
.facts { display: grid; gap: 28px; }
.facts__title { font-size: var(--fs-h2-promo); font-weight: 600; line-height: 1.25; }
.facts__text { max-width: 36ch; margin-top: 8px; color: var(--muted); }
@media (min-width: 768px) {
  .facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px var(--gutter); }
}

/* ---------- документы: строки между линейками, название слева, формат и размер справа ---------- */
.doc-list { border-bottom: 1px solid var(--line); }
.doc-list__item { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 24px; padding: 16px 0; border-top: 1px solid var(--line); }
.doc-list__link { font-size: var(--fs-h3); font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
.doc-list__link:hover { text-decoration: underline; text-underline-offset: 3px; }
.doc-list__meta { font-size: var(--fs-small); color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (min-width: 1024px) {
  .doc-list { max-width: calc((100% - 11 * var(--gutter)) / 12 * 8 + 7 * var(--gutter)); }
}

/* ---------- юридические страницы: узкая колонка чтения, «Редакция от …», блоки идут сплошным текстом ---------- */
.legal-edition { margin: -16px 0 32px; font-size: var(--fs-small); color: var(--muted); font-variant-numeric: tabular-nums; }
.page-blocks--legal .page-header, .page-blocks--legal .page-block .container > * { max-width: 760px; }
.page-blocks--legal .page-block + .page-block { margin-top: 32px; }
.page-blocks--legal .page-block__title { font-size: var(--fs-h2-promo); }
.page-blocks--legal .doc-list { max-width: 760px; }
@media (min-width: 768px) {
  .legal-edition { margin: -32px 0 40px; }
  .page-blocks--legal .page-block + .page-block { margin-top: 40px; }
}