/* ЛОКАЛЬНЫЙ СЛОЙ — статья блога. */
.zw-article { padding-top: var(--sp-7); }
.zw-article__head { max-width: 900px; }
.zw-article__meta { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-6); margin-bottom: var(--sp-4); }
.zw-article__lead { margin-top: var(--sp-5); }
.zw-article__cover {
  margin: var(--sp-7) 0 var(--sp-8);
  border-radius: var(--radius-photo); overflow: hidden;
  max-width: 1000px;
}
.zw-article__cover img { width: 100%; }

/* Боковик. Без него текст держал меру в 672 px, а правая половина широкого
   экрана оставалась пустой — статья читалась как черновик. В боковике то,
   что нужно по ходу чтения: оглавление, липкое при прокрутке. */
.zw-article__grid { display: grid; gap: var(--sp-7); align-items: start; }
.zw-article__toc .zw-kicker { margin-bottom: var(--sp-3); }
.zw-article__toc ol {
  margin: 0; padding: 0; list-style: none;
  border-top: 1px solid var(--line);
}
.zw-article__toc li { border-bottom: 1px solid var(--line); }
.zw-article__toc a {
  display: block;
  padding: var(--sp-3) 0;
  font-size: var(--size-small);
  color: var(--ink-body);
}
.zw-article__toc a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
/* Якорь не должен уезжать под липкую шапку */
.zw-prose__h2 { scroll-margin-top: 96px; }
@media (min-width: 1000px) {
  .zw-article__grid { grid-template-columns: minmax(220px, 260px) minmax(0, var(--measure)); gap: var(--sp-8); }
  .zw-article__rail { position: sticky; top: 104px; }
}