.hero { padding: 48px 0 40px; }

.listing-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 36px;
  align-items: start;
}
.listing-sidebar { display: block; position: sticky; top: 24px; order: 1; }
.listing-main { order: 2; }
.listing-main .articles-grid { grid-template-columns: repeat(2, 1fr); }

@media (max-width: 800px) {
  .listing-layout { display: block; }
  .listing-sidebar { position: static; margin-bottom: 24px; }
}

/* Страница статьи — сайдбар "Похожие статьи" визуально слева от текста
   (контент в разметке идёт первым для SEO, порядок меняем только CSS-ом) */
.article-with-sidebar { grid-template-columns: 300px 1fr; }
.article-sidebar-col { order: -1; }

/* На этом макете рубрики уже показаны в липком сайдбаре ниже —
   верхний блок-дубликат рубрик скрываем целиком вместе с его секцией. */
section:has(> .container > .rubric-grid) { display: none; }