/* generated shared stylesheet ownership */
:root { --generated-shared-stylesheet: 1; }
footer nav a { color: inherit; text-decoration: none; }
footer a { color: inherit; text-decoration: none; }
footer nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* generated-shell:start */
html, body { margin: 0; min-width: 320px; width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
/* generated-shell:end */

/* Keep shared helper layouts inside narrow viewports while allowing vertical scroll. */
@media (max-width: 600px) {
  html, body { max-width: 100%; }
  [data-helper-shell="header"] { max-width: 100%; }
}

/* Keep shared helper page content within the viewport on narrow screens. */
@media (max-width: 600px) {
  .gaming-guide h1,
  .gaming-guide h2,
  .category-intro h1,
  .category-detail h2,
  .category-next h2,
  .category-social h2 {
    overflow-wrap: anywhere;
  }

  .category-detail__media {
    max-width: 100%;
  }

  .category-next__orbit {
    left: auto;
    right: -6rem;
    width: min(19rem, 60vw);
  }
}

@media (max-width: 600px) {
  body[data-helper-page] > main .category-detail__media {
    width: calc(100% - 1.25rem);
  }

  body[data-helper-page] > main .category-next__orbit {
    right: 0;
  }
}

@media (max-width: 680px) {
  body[data-helper-page] > main .category-detail__media {
    width: calc(100% - 1.25rem);
    max-width: 100%;
  }
}