/* Insight articles use the site's brand scale and a dedicated reading measure. */
.wp-block-group:is(.bb-insight-single, .bb-work-single) { padding-bottom: 0; }
.bb-article-intro { padding: var(--bb-section-space) var(--bb-page-gutter); }
.bb-article-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wp--preset--spacing--16);
    margin-bottom: var(--wp--preset--spacing--48);
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.571429;
}
:is(.bb-insight-single, .bb-work-single) :is(.bb-article-breadcrumb, .bb-article-return, .bb-article-more__heading) a {
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--12);
    color: var(--wp--preset--color--ink);
    font-weight: 500;
    text-decoration: none;
    min-height: 44px;
}
:is(.bb-insight-single, .bb-work-single) :is(.bb-article-breadcrumb, .bb-article-return, .bb-article-more__heading) a:hover {
    color: var(--wp--preset--color--accent-text);
    text-decoration: underline;
    text-underline-offset: 4px;
}
:is(.bb-insight-single, .bb-work-single) .bb-article-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--wp--preset--spacing--64);
    align-items: center;
    margin: 0;
}
:is(.bb-insight-single, .bb-work-single) .bb-article-hero > * { min-width: 0; margin: 0; }
:is(.bb-insight-single, .bb-work-single) .bb-article-hero:not(:has(.bb-article-cover)) { grid-template-columns: minmax(0, 960px); }
:is(.bb-insight-single, .bb-work-single) .bb-article-title {
    margin: var(--wp--preset--spacing--24) 0 0;
    color: var(--wp--preset--color--ink);
    font-family: var(--wp--preset--font-family--switzer);
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 400;
    line-height: 1.166667;
    letter-spacing: -.025em;
    text-wrap: balance;
}
:is(.bb-insight-single, .bb-work-single) .bb-insight-single__topic { margin: 0; }
:is(.bb-insight-single, .bb-work-single) .bb-article-deck {
    max-width: 56ch;
    margin: var(--wp--preset--spacing--24) 0 0;
    color: var(--wp--preset--color--body);
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
}
.bb-article-deck p { margin: 0; }
:is(.bb-insight-single, .bb-work-single) .bb-article-date {
    margin: var(--wp--preset--spacing--32) 0 0;
    padding-top: var(--wp--preset--spacing--20);
    border-top: 1px solid var(--wp--preset--color--border);
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.571429;
}
.bb-article-cover {
    overflow: hidden;
    border-radius: var(--wp--preset--spacing--24);
    background: var(--wp--preset--color--border);
}
.bb-article-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bb-article-body {
    padding: var(--bb-section-space) var(--bb-page-gutter);
    border-top: 1px solid var(--wp--preset--color--border);
    background: var(--wp--preset--color--white);
}
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) { padding: 0; overflow-wrap: anywhere; }
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) :is(p, li) {
    color: var(--wp--preset--color--body);
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
}
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) > * + * { margin-block-start: var(--wp--preset--spacing--24); }
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) :is(h2, h3, h4) {
    margin-block-start: var(--wp--preset--spacing--48) !important;
    color: var(--wp--preset--color--ink);
    font-weight: 400;
    letter-spacing: -.025em;
}
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) :is(h2, h3, h4) + * { margin-block-start: var(--wp--preset--spacing--16) !important; }
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) > :first-child { margin-block-start: 0 !important; }
:is(.bb-insight-single__content, .bb-work-single__content) h3 { font-size: var(--wp--preset--font-size--large); line-height: 1.333333; }
:is(.bb-insight-single__content, .bb-work-single__content) li + li { margin-block-start: var(--wp--preset--spacing--8); }
:is(.bb-insight-single__content, .bb-work-single__content) :is(ul, ol) { padding-inline-start: var(--wp--preset--spacing--24); }
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) blockquote {
    margin-inline: auto;
    padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--32);
    border-left: 3px solid var(--wp--preset--color--accent);
    background: var(--wp--preset--color--canvas);
    box-sizing: border-box;
}
:is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) blockquote p { font-size: var(--wp--preset--font-size--large); line-height: 1.333333; }
:is(.bb-insight-single__content, .bb-work-single__content) a { color: var(--wp--preset--color--accent-text); text-underline-offset: 3px; }
:is(.bb-insight-single__content, .bb-work-single__content) img { max-width: 100%; height: auto; border-radius: var(--wp--preset--spacing--16); }
:is(.bb-insight-single__content, .bb-work-single__content) :is(pre, .wp-block-table) { overflow-x: auto; }
:is(.bb-insight-single, .bb-work-single) .bb-article-return {
    max-width: 720px;
    margin: var(--wp--preset--spacing--48) auto 0;
    padding-top: var(--wp--preset--spacing--24);
    border-top: 1px solid var(--wp--preset--color--border);
    font-size: var(--wp--preset--font-size--small);
}
.bb-article-more { padding: var(--bb-section-space) var(--bb-page-gutter); background: var(--wp--custom--color--black--50); }
.bb-article-more__heading { display: flex; align-items: end; justify-content: space-between; gap: var(--wp--preset--spacing--32); }
.bb-article-more__heading h2 { max-width: 760px; margin: 0; }
.bb-article-more__heading em { color: var(--wp--preset--color--accent-text); }
.bb-article-more__heading a { flex-shrink: 0; font-size: var(--wp--preset--font-size--small); }
.bb-article-more .bb-news__grid { margin-top: var(--bb-content-gap); }
.bb-article-more:not(:has(.bb-insight-card, .bb-work-project)) { display: none; }
@media (max-width: 900px) {
    :is(.bb-insight-single, .bb-work-single) .bb-article-hero { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--32); }
    .bb-article-hero__copy { max-width: 720px; }
    .bb-article-cover { max-height: 480px; }
    .bb-article-more__heading { display: grid; gap: var(--wp--preset--spacing--16); }
}
@media (max-width: 600px) {
    .bb-article-breadcrumb { margin-bottom: var(--wp--preset--spacing--24); gap: var(--wp--preset--spacing--12); }
    .bb-article-cover { border-radius: var(--wp--preset--spacing--16); }
    :is(.bb-insight-single, .bb-work-single) :is(.bb-insight-single__content, .bb-work-single__content) blockquote { padding: var(--wp--preset--spacing--24); }
}

/* Work projects share the article layout, with capabilities in place of a date. */
.bb-article-kicker {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--12);
    margin: 0;
    color: var(--wp--preset--color--accent-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .08em;
}
.bb-article-kicker::before { content: ""; width: 24px; height: 2px; background: currentColor; }
.bb-work-single .bb-article-capabilities {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--8);
    margin: var(--wp--preset--spacing--32) 0 0;
    padding-top: var(--wp--preset--spacing--20);
    border-top: 1px solid var(--wp--preset--color--border);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.571429;
}
.bb-article-capabilities .wp-block-post-terms__separator { display: none; }
.bb-article-capabilities a {
    padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--12);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 999px;
    color: var(--wp--preset--color--body);
    text-decoration: none;
}
.bb-article-capabilities a:hover { color: var(--wp--preset--color--accent-text); border-color: currentColor; }
.bb-work-single .bb-article-cover { aspect-ratio: 4 / 3; }
.bb-article-more .bb-work-projects { margin-top: var(--bb-content-gap); }