@layer components {
  .news-article-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: start; }
  .news-article-content { min-width: 0; }
  .news-bookmaker-logo { width: 44px; height: 44px; object-fit: contain; flex-shrink: 0; border-radius: 10px; }
  .news-bookmakers { min-width: 0; }
  @media (min-width: 1024px) {
    .news-article-layout { grid-template-columns: minmax(0, 2.1fr) minmax(280px, 1fr); }
    .news-bookmakers { position: sticky; top: 6rem; }
  }
}