.cl-page__article {
    width: 100%;
}

.cl-page__header {
    margin-bottom: 12px;
}

.cl-page__content {
    margin-top: 8px;
}

.cl-breadcrumbs {
    border-bottom: 1px solid var(--cl-border);
    background-color: #f9fafb;
    font-size: 13px;
}

.cl-breadcrumbs ol {
    list-style: none;
    margin: 0;
    padding: 4px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cl-breadcrumbs li {
    color: var(--cl-text-muted);
}

.cl-breadcrumbs li a {
    color: var(--cl-secondary);
}

.cl-breadcrumbs li + li::before {
    content: "›";
    margin: 0 4px 0 2px;
    color: var(--cl-text-muted);
}

.cl-page-hero {
    margin-bottom: 20px;
}

.cl-page-hero__lead {
    margin: 8px 0 0;
    max-width: 780px;
    font-size: 15px;
    color: var(--cl-text-muted);
}