@layer components {
  :root { --site-content-width: 1024px; --site-content-gutter: 20px; }
  .container-x.container-x { width: 100%; max-width: var(--site-content-width); margin-inline: auto; padding-inline: var(--site-content-gutter); }
  .best-bookmakers-container.best-bookmakers-container { width: 100%; max-width: var(--site-content-width); margin-inline: auto; padding-inline: var(--site-content-gutter); }
  .best-bookmakers-content > .container-x.container-x { max-width: 100%; padding-inline: 0; }
  .best-bookmakers-layout > * { min-width: 0; }
  @media (min-width: 768px) { :root { --site-content-gutter: 32px; } }
}