/* Страница подборки /podborki/<slug>/ — только раскладка (дизайн Д1, на общем слое с 08.10.2026, Д3).
   Компоненты (лист, крошки, лид, текст, блок ЖК, CTA, оглавление, «Другие подборки») — static/css/components.css.
   Сетка десктопа снята с референса (статья ПСЖР): колонка текста 600 + 48 + оглавление 320. */

.podborka__main, .podborka__side { min-width: 0; }
.podborka__head + .prose { margin-top: var(--step); }
.podborka .cta { margin-top: var(--step-section); }
.podborka__side { display: none; }
.related { padding: var(--step-section) var(--gutter) 0; }

/* планшет: колонка текста 600 по центру */
@media (min-width: 768px) {
  .podborka__main { max-width: 600px; margin: 0 auto; }
  .related { max-width: 648px; margin: 0 auto; }
}

/* десктоп: текст + липкое оглавление справа */
@media (min-width: 1024px) {
  .podborka__layout { display: grid; grid-template-columns: 600px 320px; gap: var(--space-12); justify-content: center; align-items: start; }
  .podborka__main { max-width: none; margin: 0; }
  .podborka .toc--inline { display: none; }
  .podborka__side { display: block; position: sticky; top: calc(var(--header-h) + var(--space-6)); }
  .related { max-width: none; width: min(var(--page-max), 100% - 2 * var(--gutter)); padding: var(--step-section) 0 0; }   /* во всю ширину листа */
}