/* ==========================================================================
   Блог (home.php, category.php), статья (single.php), служебная страница (page.php, page-metodika.php):
   раскладка и блоки, которых нет на других страницах. Общие компоненты — в components.css.
   Медиазапросы только min-width: 768px и min-width: 1200px. Плоско: без теней и градиентов.

   01 Заголовок страницы ... .vk-pagehead на сетке карты; .vk-meta (рубрика, автор, даты, время чтения)
   02 Две колонки .......... .vk-layout, --list (лента + боковой блок), --doc (текст + содержание)
   03 Лента статей ......... .vk-postgrid; .vk-post--cover, --lead (__body, __foot, __type)
   04 Обложка статьи ....... .vk-cover (__route, __line, __node, --pass, --fee, --end, __word)
   05 Страницы ............. .vk-pager (__list, __link, __info)
   06 Боковой топ .......... .vk-sidetop (__head, __list, __item, __place, __id, __name, __fact, __foot)
   07 Ссылки на инструменты  .vk-sidelinks (__title, __list, __link, __name, __what)
   08 Содержание ........... .vk-toc (__title, __list)
   09 Текст страницы ....... .vk-doc, .vk-doc__sec; .vk-insets, .vk-item--inline; .vk-cta; .vk-srclist; .vk-author
   10 Методика ............. .vk-crits, .vk-crit (__head, __w, __field, __scale, __note); .vk-formula; .vk-example; .vk-scorekey
   11 Карта сайта .......... .vk-sitemap (__note, __group, __h, __n, __list)
   ========================================================================== */

/* ---------- 01 Заголовок страницы ---------- */
.vk-body--blog .vk-crumbs, .vk-body--article .vk-crumbs, .vk-body--page .vk-crumbs { background: var(--vk-grid); }
.vk-body--blog .vk-pagehead, .vk-body--article .vk-pagehead, .vk-body--page .vk-pagehead { padding-bottom: var(--vk-s-7); background: var(--vk-grid); border-bottom: var(--vk-bw) solid var(--vk-line); }
.vk-body--blog .vk-pagehead + .vk-section, .vk-body--article .vk-pagehead + .vk-section, .vk-body--page .vk-pagehead + .vk-section { margin-top: var(--vk-s-8); }
.vk-pagehead__title { max-width: 980px; }
.vk-pagehead .vk-chips { margin-top: var(--vk-s-6); }
.vk-body--article .vk-pagehead .vk-note { max-width: 980px; }
.vk-chip[aria-current="page"] { background: var(--vk-ink); border-color: var(--vk-ink); color: var(--vk-night-ink); }
.vk-chip[aria-current="page"] .vk-chip__n { color: var(--vk-night-muted); }

.vk-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vk-s-3) var(--vk-s-6); margin-top: var(--vk-s-5); font-size: 13px; line-height: 1.4; color: var(--vk-quiet); }
.vk-meta li { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; }
.vk-meta a { color: var(--vk-ink); }
.vk-meta .vk-num { color: var(--vk-ink); }
.vk-pagehead > .vk-container > .vk-meta:first-child { margin-top: 0; margin-bottom: var(--vk-s-4); }

/* ---------- 02 Две колонки ---------- */
.vk-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-s-9) var(--vk-gap); align-items: start; }
.vk-layout__main, .vk-layout__side { min-width: 0; }
.vk-layout__side { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-gap); }
.vk-layout__side > * { min-width: 0; }
.vk-layout__side-extra { display: none; }

/* ---------- 03 Лента статей ---------- */
.vk-postgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-gap); }
.vk-postgrid > * { min-width: 0; }
.vk-post--cover { padding: 0; gap: 0; }
.vk-post__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: var(--vk-s-4); min-width: 0; padding: var(--vk-s-5); }
.vk-post__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--vk-s-4); margin-top: auto; }
.vk-post__foot .vk-post__more { margin-top: 0; }
.vk-post__type { font-size: 13px; line-height: 1.4; color: var(--vk-quiet); }
.vk-post__type b { font-weight: var(--vk-weight-semibold); color: var(--vk-muted); }

/* ---------- 04 Обложка статьи: сетка карты, отрезок маршрута и ключевое слово ----------
   Форма маршрута говорит о типе статьи и дублируется словом в подписи карточки:
   разбор — путь с остановками, инструкция — ступени, сравнение — развилка на два пути. */
.vk-cover { display: flex; flex-direction: column; justify-content: space-between; gap: var(--vk-s-4); min-height: 112px; padding: var(--vk-s-5); background: var(--vk-bg) var(--vk-grid); border-bottom: var(--vk-bw) solid var(--vk-line); color: var(--vk-ink); }
.vk-cover__route { display: block; width: 100%; max-width: 280px; height: auto; overflow: visible; }
.vk-cover__line { fill: none; stroke: var(--vk-accent); stroke-width: 2; stroke-dasharray: 6 6; }
.vk-cover__node { fill: var(--vk-surface); stroke: var(--vk-ink); stroke-width: 2; }
.vk-cover__node--pass { fill: var(--vk-accent); }
.vk-cover__node--fee { fill: var(--vk-accent-2); }
.vk-cover__node--end { fill: var(--vk-ink); }
.vk-cover__word { font: var(--vk-weight-bold) 20px/1.15 var(--vk-font-head); letter-spacing: -0.02em; overflow-wrap: anywhere; }
.vk-cover__word i { font-style: normal; font-weight: var(--vk-weight-medium); color: var(--vk-quiet); }

/* ---------- 05 Страницы ---------- */
.vk-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vk-s-4) var(--vk-s-6); margin-top: var(--vk-s-8); padding-top: var(--vk-s-5); border-top: var(--vk-bw-2) solid var(--vk-line-ink); }
.vk-pager__list { display: flex; flex-wrap: wrap; gap: var(--vk-s-3); }
.vk-pager__link { display: inline-flex; align-items: center; justify-content: center; gap: var(--vk-s-3); min-width: var(--vk-tap); height: var(--vk-tap); padding: 0 var(--vk-s-4); border: var(--vk-bw) solid var(--vk-line-strong); border-radius: var(--vk-r-1); background: var(--vk-surface); color: var(--vk-ink); font-size: var(--vk-btn-sm-size); font-weight: var(--vk-weight-semibold); text-decoration: none; transition: background var(--vk-t), border-color var(--vk-t), color var(--vk-t); }
a.vk-pager__link:hover { border-color: var(--vk-line-ink); background: var(--vk-accent-bg); color: var(--vk-ink); }
.vk-pager__link[aria-current="page"] { background: var(--vk-ink); border-color: var(--vk-ink); color: var(--vk-night-ink); font-family: var(--vk-font-mono); }
.vk-pager__link[aria-disabled="true"] { border-color: var(--vk-line); background: none; color: var(--vk-disabled-ink); cursor: not-allowed; }
.vk-pager__link--prev .vk-icon { transform: rotate(180deg); }
.vk-pager__info { font-size: 13px; color: var(--vk-quiet); }
.vk-pager__info .vk-num { color: var(--vk-ink); }

/* ---------- 06 Боковой топ рейтинга ---------- */
.vk-sidetop { padding: 0; }
.vk-sidetop__head { padding: var(--vk-s-5) var(--vk-s-5) var(--vk-s-4); }
.vk-sidetop__title { font-size: var(--vk-h4-size); line-height: 1.3; letter-spacing: 0; }
.vk-sidetop__note { margin-top: var(--vk-s-2); font-size: 13px; line-height: 1.4; color: var(--vk-quiet); }
.vk-sidetop__item { position: relative; display: grid; grid-template-columns: 16px auto minmax(0, 1fr) auto; align-items: center; gap: var(--vk-s-2) var(--vk-s-4); padding: var(--vk-s-4) var(--vk-s-5); border-top: var(--vk-bw) solid var(--vk-line); transition: background var(--vk-t); }
.vk-sidetop__item:hover { background: var(--vk-surface-2); }
.vk-sidetop__item:hover .vk-sidetop__name { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.vk-sidetop__place { color: var(--vk-quiet); }
.vk-sidetop__id { min-width: 0; }
.vk-sidetop__name { display: block; color: var(--vk-ink); font-weight: var(--vk-weight-semibold); font-size: 15px; line-height: 1.3; text-decoration: none; overflow-wrap: break-word; }
.vk-sidetop__name::after { content: ""; position: absolute; inset: 0; }
.vk-sidetop__fact { grid-column: 2 / 4; font-size: 13px; line-height: 1.4; color: var(--vk-muted); }
.vk-sidetop__fact .vk-num { color: var(--vk-ink); }
.vk-sidetop__kv { display: inline-block; white-space: nowrap; }
.vk-sidetop__item > .vk-btn { position: relative; z-index: 1; grid-column: 4; justify-self: end; min-height: var(--vk-tap); }
.vk-sidetop__foot { display: grid; gap: var(--vk-s-3); padding: var(--vk-s-4) var(--vk-s-5) var(--vk-s-5); border-top: var(--vk-bw) solid var(--vk-line); }
.vk-sidetop__disc { font-size: 13px; line-height: 1.45; color: var(--vk-muted); }

/* ---------- 07 Ссылки на инструменты ---------- */
.vk-sidelinks { padding: 0; }
.vk-sidelinks__title { padding: var(--vk-s-5) var(--vk-s-5) var(--vk-s-4); font-size: var(--vk-h4-size); line-height: 1.3; letter-spacing: 0; }
.vk-sidelinks__link { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 2px var(--vk-s-4); min-height: 56px; padding: var(--vk-s-3) var(--vk-s-5); border-top: var(--vk-bw) solid var(--vk-line); color: var(--vk-ink); text-decoration: none; transition: background var(--vk-t); }
.vk-sidelinks__link:hover { background: var(--vk-accent-bg); color: var(--vk-ink); }
.vk-sidelinks__link:hover .vk-sidelinks__name { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.vk-sidelinks__link > .vk-icon { grid-column: 3; grid-row: 1 / span 2; }
.vk-sidelinks__link > .vk-icon:first-child { grid-column: 1; }
.vk-sidelinks__name { grid-column: 2; grid-row: 1; font-weight: var(--vk-weight-semibold); font-size: 15px; line-height: 1.3; }
.vk-sidelinks__what { grid-column: 2; grid-row: 2; font-size: 13px; line-height: 1.35; color: var(--vk-quiet); }

/* ---------- 08 Содержание ---------- */
.vk-toc { padding: var(--vk-s-5) var(--vk-s-5) var(--vk-s-3); }
.vk-toc__title { font-size: var(--vk-h4-size); line-height: 1.3; letter-spacing: 0; margin-bottom: var(--vk-s-4); }
.vk-toc__list { counter-reset: vk-toc; }
.vk-toc__list a { display: flex; align-items: center; gap: var(--vk-s-4); min-height: var(--vk-tap); padding: var(--vk-s-3) 0; border-top: var(--vk-bw) solid var(--vk-line); color: var(--vk-ink); font-size: 14.5px; line-height: 1.35; text-decoration: none; }
.vk-toc__list a::before { counter-increment: vk-toc; content: counter(vk-toc); flex: none; min-width: 18px; font: 600 var(--vk-num-sm-size)/1 var(--vk-font-mono); color: var(--vk-accent-text); }
.vk-toc__list a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* ---------- 09 Текст страницы ---------- */
.vk-doc > * + * { margin-top: var(--vk-s-9); }
.vk-doc__sec > * + * { margin-top: var(--vk-s-6); }
.vk-doc__sec > * + .vk-prose { margin-top: var(--vk-s-8); }
.vk-doc .vk-prose > :last-child { margin-bottom: 0; }
.vk-doc .vk-prose td .vk-num { white-space: normal; }
.vk-doc > .vk-note, .vk-doc__sec > .vk-note, .vk-doc__sec > .vk-steps, .vk-doc__sec > .vk-formula, .vk-doc__more { max-width: var(--vk-prose); }
.vk-doc__more { font-size: 15px; }

/* таблица в тексте, которая на телефоне складывается в карточки: подпись колонки — из data-label */
.vk-prose table.vk-stack { min-width: 0; }
.vk-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.vk-stack tbody { display: block; border-top: var(--vk-bw-2) solid var(--vk-line-ink); }
.vk-stack tr { display: block; padding: var(--vk-s-4) 0; border-bottom: var(--vk-bw) solid var(--vk-line); }
.vk-prose .vk-stack td { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: var(--vk-s-4); padding: var(--vk-s-2) 0; border: 0; }
.vk-stack__v { grid-column: 2; min-width: 0; }
.vk-stack td::before { content: attr(data-label); grid-column: 1; font-size: var(--vk-caption-size); font-weight: var(--vk-weight-medium); line-height: 1.6; color: var(--vk-quiet); }
.vk-prose .vk-stack td:first-child { display: block; padding-bottom: var(--vk-s-3); font-size: var(--vk-text-size); font-weight: var(--vk-weight-semibold); }
.vk-stack td:first-child::before { display: none; }

/* врезки-карточки сервисов в тексте: та же .vk-item, параметры в одну строку */
.vk-insets { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-gap); }
.vk-insets > * { min-width: 0; }
.vk-item--inline .vk-item__p--accent dd { font-weight: var(--vk-weight-medium); }

/* переход к инструментам и рейтингу */
.vk-cta { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-s-5); padding: var(--vk-s-6) var(--vk-s-5); }
.vk-cta :focus-visible { outline-color: var(--vk-focus-on-night); }
.vk-cta__title { font-size: var(--vk-h3-size); line-height: 1.25; }
.vk-cta__text { margin-top: var(--vk-s-3); max-width: 620px; font-size: 15px; line-height: 1.5; color: var(--vk-night-muted); }
.vk-cta__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-s-3); }
.vk-cta__actions .vk-btn { white-space: normal; text-align: center; line-height: 1.2; }

.vk-doc__h { font-size: var(--vk-h3-size); line-height: 1.25; }
.vk-srclist { display: grid; border-top: var(--vk-bw) solid var(--vk-line); font-size: var(--vk-small-size); line-height: var(--vk-small-lh); }
.vk-srclist li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--vk-s-2) var(--vk-s-5); padding: var(--vk-s-4) 0; border-bottom: var(--vk-bw) solid var(--vk-line); }
.vk-srclist a { overflow-wrap: anywhere; }
.vk-srclist span { color: var(--vk-muted); }

.vk-author { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--vk-s-4) var(--vk-s-5); align-items: start; }
.vk-author__name { display: block; font-size: var(--vk-h4-size); font-weight: var(--vk-weight-semibold); line-height: 1.3; }
.vk-author__role { display: block; margin-top: 2px; font-size: 13px; color: var(--vk-quiet); }
.vk-author__text { grid-column: 1 / -1; max-width: var(--vk-prose); font-size: var(--vk-small-size); line-height: var(--vk-small-lh); color: var(--vk-muted); }
.vk-author__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--vk-s-3) var(--vk-s-6); padding-top: var(--vk-s-4); border-top: var(--vk-bw) solid var(--vk-line); }

/* ---------- 10 Методика ---------- */
.vk-crits { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vk-gap); }
.vk-crit { display: flex; flex-direction: column; gap: var(--vk-s-4); }
.vk-crit__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--vk-s-4); }
.vk-crit__name { font-size: var(--vk-h4-size); line-height: 1.3; letter-spacing: 0; }
.vk-crit__w { font-size: var(--vk-fig-md-size); font-weight: var(--vk-fig-md-weight); }
.vk-crit__field { font-size: var(--vk-small-size); line-height: var(--vk-small-lh); color: var(--vk-muted); }
.vk-crit__field b { font-weight: var(--vk-weight-semibold); color: var(--vk-ink); }
.vk-crit__scale { width: 100%; font-size: var(--vk-td-size); }
.vk-crit__scale caption { padding-bottom: var(--vk-s-2); text-align: left; font-size: var(--vk-th-size); font-weight: var(--vk-th-weight); color: var(--vk-quiet); }
.vk-crit__scale th, .vk-crit__scale td { padding: 7px 0; border-top: var(--vk-bw) solid var(--vk-line); vertical-align: top; }
.vk-crit__scale th { padding-right: var(--vk-s-4); font-weight: var(--vk-weight-regular); }
.vk-crit__scale td { width: 1%; text-align: right; white-space: nowrap; }
.vk-crit__note { margin-top: auto; padding-top: var(--vk-s-4); border-top: var(--vk-bw) solid var(--vk-line); font-size: var(--vk-small-size); line-height: var(--vk-small-lh); color: var(--vk-muted); }

.vk-formula { padding: var(--vk-s-5); background: var(--vk-surface); border: var(--vk-bw) solid var(--vk-line); border-left: var(--vk-bw-3) solid var(--vk-ink); font: 600 var(--vk-num-size)/1.6 var(--vk-font-mono); font-variant-ligatures: none; overflow-wrap: anywhere; }
.vk-formula small { display: block; margin-top: var(--vk-s-3); font: var(--vk-weight-regular) var(--vk-small-size)/var(--vk-small-lh) var(--vk-font-body); color: var(--vk-muted); }

.vk-example__who { display: flex; align-items: center; gap: var(--vk-s-4); margin-bottom: var(--vk-s-4); }
.vk-example__who > div { flex: 1 1 0; min-width: 0; font-weight: var(--vk-weight-semibold); }
.vk-example__who a { color: var(--vk-ink); }
.vk-example__kind { display: block; font-size: var(--vk-caption-size); font-weight: var(--vk-weight-regular); color: var(--vk-quiet); }

.vk-scorekey { display: grid; grid-template-columns: minmax(0, 1fr); border-top: var(--vk-bw) solid var(--vk-line); }
.vk-scorekey li { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: var(--vk-s-4); padding: var(--vk-s-4) 0; border-bottom: var(--vk-bw) solid var(--vk-line); font-size: var(--vk-small-size); line-height: var(--vk-small-lh); }
.vk-scorekey b { font-weight: var(--vk-weight-semibold); }

/* ---------- 768px ---------- */
@media (min-width: 768px) {
  .vk-postgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vk-post--lead { grid-column: span 2; flex-direction: row; }
  .vk-post--lead .vk-cover { flex: 0 0 42%; min-height: 220px; border-bottom: 0; border-right: var(--vk-bw) solid var(--vk-line); }
  .vk-post--lead .vk-cover__word { font-size: 30px; }
  .vk-post--lead .vk-post__title { font-size: var(--vk-h3-size); line-height: 1.25; }
  .vk-post--lead .vk-post__excerpt { -webkit-line-clamp: 5; font-size: 15px; line-height: 1.5; }
  .vk-layout--list > .vk-layout__side { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .vk-prose table.vk-stack { min-width: 520px; }
  .vk-stack thead { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
  .vk-stack tbody { display: table-row-group; border-top: 0; }
  .vk-stack tr { display: table-row; padding: 0; border-bottom: 0; }
  .vk-prose .vk-stack td, .vk-prose .vk-stack td:first-child { display: table-cell; padding: 10px 12px; border-bottom: var(--vk-bw) solid var(--vk-line); font-size: inherit; font-weight: inherit; }
  .vk-stack td::before { display: none; }
  .vk-toc__list { column-count: 2; column-gap: var(--vk-s-8); }
  .vk-toc__list li { break-inside: avoid; }
  .vk-item--inline .vk-item__params { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vk-item--inline .vk-item__actions { grid-template-columns: repeat(2, minmax(0, 200px)); }
  .vk-cta { grid-template-columns: minmax(0, 1fr) 260px; align-items: center; gap: var(--vk-s-7); padding: var(--vk-s-7); }
  .vk-author { grid-template-columns: auto minmax(0, 1fr); }
  .vk-crits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vk-example .vk-breakdown__row { grid-template-columns: 220px minmax(0, 1fr) 104px; align-items: center; }
  .vk-example .vk-breakdown__bar { grid-column: 2; grid-row: 1; }
  .vk-example .vk-breakdown__val { grid-column: 3; grid-row: 1; text-align: right; }
  .vk-scorekey { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--vk-gap); }
}

/* ---------- 1200px ---------- */
@media (min-width: 1200px) {
  .vk-layout--list { grid-template-columns: minmax(0, 1fr) 340px; column-gap: var(--vk-s-8); }
  .vk-layout--list > .vk-layout__side { grid-template-columns: minmax(0, 1fr); }
  .vk-layout--doc { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); column-gap: var(--vk-s-9); }
  .vk-layout--doc > .vk-layout__main { grid-column: 1; grid-row: 1; }
  .vk-layout--doc > .vk-layout__side { grid-column: 2; grid-row: 1; }
  .vk-layout__side { position: sticky; top: calc(var(--vk-header-h) + var(--vk-s-5)); }
  .vk-layout__side-extra { display: block; }
  .vk-postgrid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  .vk-sidetop__item > .vk-btn { min-height: 32px; }
  .vk-toc__list { column-count: 1; }
  .vk-toc__list a { min-height: 38px; padding-block: 6px; }
}

/* ---------- 11 Карта сайта (page-karta-sajta.php): группы ссылок по типам страниц ---------- */
/* группы разной длины, поэтому раскладка — колонки текста (columns), а не грид: пустот под короткими группами нет */
.vk-sitemap__note { max-width: var(--vk-prose); font-size: var(--vk-small-size); line-height: var(--vk-small-lh); color: var(--vk-muted); }
.vk-sitemap { column-gap: var(--vk-gap); }
.vk-sitemap__group { min-width: 0; margin-bottom: var(--vk-s-7); padding-top: var(--vk-s-4); border-top: var(--vk-bw-2) solid var(--vk-line-ink); break-inside: avoid; }
.vk-sitemap__h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--vk-s-3); font-size: var(--vk-h4-size); line-height: 1.3; letter-spacing: 0; }
.vk-sitemap__h a { color: var(--vk-ink); text-decoration: none; }
.vk-sitemap__h a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.vk-sitemap__n { color: var(--vk-quiet); }
.vk-sitemap__list { margin-top: var(--vk-s-3); font-size: var(--vk-small-size); line-height: 1.35; }
.vk-sitemap__list li { border-top: var(--vk-bw) solid var(--vk-line); }
.vk-sitemap__list a { display: flex; align-items: center; min-height: var(--vk-tap); padding-block: 6px; color: var(--vk-accent-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.vk-sitemap__list a:hover { color: var(--vk-ink); text-decoration-thickness: 2px; }
@media (min-width: 768px) {
  .vk-sitemap { columns: 2; }
  .vk-sitemap__list a { min-height: 30px; padding-block: 4px; }
}
@media (min-width: 1200px) {
  .vk-sitemap { columns: 3; }
}

/* 10 Картинки статей (Codex, 1600×900): обложка в ленте и в шапке статьи, картинки в тексте с подписью */
.vk-cover--img { display: block; min-height: 0; padding: 0; background: var(--vk-night); aspect-ratio: 16 / 9; overflow: hidden; }
.vk-cover--img .vk-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.vk-fig { margin: 0; max-width: var(--vk-prose); }
.vk-doc__sec > .vk-fig { margin-top: var(--vk-s-8); margin-bottom: var(--vk-s-4); }
.vk-fig .vk-photo { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--vk-night); border: var(--vk-bw) solid var(--vk-line); border-radius: 2px; }
.vk-fig__cap { margin-top: var(--vk-s-3); font-size: var(--vk-small-size); line-height: var(--vk-small-lh); color: var(--vk-muted); }
.vk-fig--cover { margin-top: var(--vk-s-6); }
@media (min-width: 768px) {
  .vk-post--lead:has(.vk-cover--img) { flex-direction: column; }
  .vk-post--lead .vk-cover--img { flex: none; min-height: 0; aspect-ratio: 16 / 9; border-right: 0; border-bottom: var(--vk-bw) solid var(--vk-line); }
}