@layer components {

.kn-blog__layout { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: start; }
.kn-blog__layout:has(.kn-blog__sidebar) { grid-template-columns: 1fr var(--blog-sidebar); }
.kn-blog__main { display: flex; flex-direction: column; gap: 10px; }
.kn-blog__main .kn-vcard:last-child { margin-bottom: 0; }
.kn-vcard--post h3, .kn-vcard--post h4 { font-weight: 600; }

@media (max-width: 900px) {
  .kn-blog__layout,
  .kn-blog__layout:has(.kn-blog__sidebar) { grid-template-columns: 1fr; gap: 16px; }
  .kn-blog__layout--archive .kn-blog__sidebar { order: -1; }
  .kn-section--single { display: flex; flex-direction: column; }
  .kn-section--single .kn-blog__layout { display: contents; }
  .kn-section--single .kn-breadcrumb { order: 1; }
  .kn-section--single .kn-blog__main { order: 2; margin-top: 20px; }
  .kn-section--single .kn-telegram-cta { order: 3; }
  .kn-section--single .kn-related-posts { order: 4; }
  .kn-section--single .kn-blog__sidebar { order: 5; margin-top: 32px; }
}

}