/* Page shell: the shared header lines up with the page content. Breadcrumbs, footer and page
   columns read the same layout tokens (pd-tokens.css: --pd-gutter, --pd-maxw) in their own sheets.
   The header paddings come from the page-finish sheet (pd-complete-*.css, pd-quality layer,
   !important), so this rule sits in the same layer with a higher specificity. */
@layer pd-quality {
  html:is(#_, html) body #pd-header.pd-site-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html:is(#_, html) body #pd-header.pd-site-header .pd-header-inner {
    box-sizing: border-box !important;
    max-width: var(--pd-shell-maxw, 1304px) !important;
    padding-left: var(--pd-gutter, 16px) !important;
    padding-right: var(--pd-gutter, 16px) !important;
  }
}