/* Keep the fixed PC canvas inside the smallest supported desktop viewport. */
@media (min-width: 1280px) and (max-width: 1311px) {
  html body #root > :is(.site-header, main, footer, .root-shell-loading) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  html body #root > .skip-link {
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
  }

  html body #root .site-header,
  html body #root .site-footer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
}