/* Shared Cover layout for the page editor and the frontend. */
.wp-block-cover.bb-conversation-cover {
    width:100%; padding:28px; align-items:stretch;
    background:#20382c; color:#fff; border-radius:4px;
    overflow:hidden; container-type:inline-size;
}
.bb-conversation-cover::after {
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(180deg,rgba(10,24,16,.5),transparent 35%,rgba(10,24,16,.85));
}
.bb-conversation-cover .wp-block-cover__inner-container {
    position:relative; z-index:2; display:flex; flex-direction:column;
    justify-content:space-between; gap:160px; width:100%; min-width:0;
}
.bb-conversation-cover .bb-conversation-label {
    margin:0; color:inherit; font-size:13px; line-height:1.6;
}
.bb-conversation-label strong { letter-spacing:1px; }
.bb-conversation-cover .bb-conversation-bottom {
    display:flex; flex-wrap:wrap; align-items:flex-end;
    justify-content:space-between; gap:24px; margin:0;
}
.bb-conversation-bottom > .wp-block-heading {
    flex:1 1 230px; min-width:0; margin:0; color:inherit;
    font-size:clamp(1.65rem,4.8cqi,2.25rem); line-height:1.15;
    overflow-wrap:break-word; text-wrap:balance;
}
.bb-conversation-bottom > .wp-block-buttons { flex:0 0 144px; margin:0; }
.bb-conversation-bottom .wp-block-button__link {
    color:#fff; border-color:rgba(255,255,255,.8); font-size:14px;
    padding:12px 16px; line-height:1.4;
}
.bb-conversation-bottom .wp-block-button__link:hover { background:rgba(255,255,255,.12); }
@media (max-width:599px) {
    .wp-block-cover.bb-conversation-cover { padding:24px; }
    .bb-conversation-cover .wp-block-cover__inner-container { gap:120px; }
    .bb-conversation-bottom > .wp-block-buttons { flex-basis:auto; }
}