.ct-breadcrumbs[data-source="default"] > span:first-child > a {
    display: inline-flex;
    align-items: center;
}

/* Keep the decorative arrow inside the first link, including its hover color.
   A single, unlinked breadcrumb receives the same icon inside its own item. */
.ct-breadcrumbs[data-source="default"] > span:first-child > a::before,
.ct-breadcrumbs[data-source="default"] > span:first-child:not(:has(> a))::before {
    content: "";
    display: inline-block;
    flex: 0 0 6px;
    width: 6px;
    height: 12px;
    margin-inline-end: 8px;
    background-color: currentColor;
    -webkit-mask: url("../svg/breadcrumb-leading.svg") center / contain no-repeat;
    mask: url("../svg/breadcrumb-leading.svg") center / contain no-repeat;
}