/* Canonical breadcrumb horizontal alignment.
 * Match the shared 1776px banner/content guide instead of the wider header
 * guide, so breadcrumb text aligns with the page's primary content.
 */
html body[class] .site-breadcrumbs .site-breadcrumbs__inner.shell {
  width: min(calc(100% - 40px), 1680px);
  max-width: 1680px;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

@media (min-width: 900px) {
  html body[class] .site-breadcrumbs .site-breadcrumbs__inner.shell {
    width: min(calc(100% - clamp(160px, 11.56vw, 220px)), 1700px);
    max-width: 1700px;
  }
}

@media (max-width: 599px) {
  html body[class] .site-breadcrumbs .site-breadcrumbs__inner.shell {
    width: min(calc(100% - 30px), 1680px);
  }
}