/* Desktop layout only. Keep mobile rules, product assets and content unchanged. */
@media (min-width: 1121px) {
  :root {
    --desktop-content-max: 1280px;
    --desktop-gutter: 32px;
    --max: var(--desktop-content-max);
    --v3-width: var(--desktop-content-max);
  }

  .section-shell,
  .v3-home .section-shell,
  .content-shell {
    width: min(var(--desktop-content-max), calc(100% - 2 * var(--desktop-gutter)));
    margin-inline: auto;
  }

  /* Some templates put the header inside the shell; others use full-width chrome. */
  .site-header {
    padding-inline: max(var(--desktop-gutter), calc((100% - var(--desktop-content-max)) / 2));
  }

  .site-header.section-shell {
    padding-inline: 0;
  }

  /* An editorial reading column is intentionally narrower than the page shell. */
  .article-layout {
    justify-content: center;
  }

  /* This block is already contained by section-shell; do not inset it twice. */
  .lead-oem.section-shell > div:first-child {
    padding-left: 0;
  }
}