/* Breadcrumbs row under the fixed header (Figma 108:1852): 11.2px copy, 16px below. */
.sm-breadcrumb { max-width: calc(var(--container-max) + 2 * var(--space-page-x)); margin: 0 auto; padding: 0 var(--space-page-x) var(--space-16); font-family: var(--font-family-body); }
.sm-breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--space-4); list-style: none; margin: 0; padding: 0; color: var(--c-copy); --type-line-height: 1; } /* 14px row + 16px = Figma 30px */
.sm-breadcrumb li { margin: 0; }
.sm-breadcrumb li + li::before { content: ">"; margin-right: var(--space-4); }
.sm-breadcrumb :is(a,span) { font: inherit; }
.sm-breadcrumb a { color: inherit; text-decoration: none; }
.sm-breadcrumb a:hover { color: var(--color-brand); text-decoration: underline; }
/* Pages with a page hero: same light band as the hero, text inset 16px like the hero copy. */
.sm-has-page-hero .sm-breadcrumb { max-width: none; background: var(--c-bg-main); padding-inline: max(calc(var(--space-page-x) + var(--space-16)), calc((100% - var(--container-max)) / 2 + var(--space-16))); }