.wrapper:has(.blog__sidebar) {
    overflow: clip;
}

@media (min-width: 80em) {
    .blog .blog__sidebar {
        align-self: stretch;
        min-width: 0;
    }

    .blog .sidebar-blog__list {
        position: sticky;
        top: 120px;
        max-height: calc(100vh - 144px);
        max-height: calc(100svh - 144px);
        overflow-y: auto;
        overflow-wrap: anywhere;
    }
}

.blog .bc-on-banner,
.post .post__header .bc-on-banner {
    z-index: 3;
}

.post .header-post--no-cover .header-post__img,
.blog .slide-content-blog--no-cover .slide-content-blog__img,
.blog .item-blog-posts--no-cover .item-blog-posts__img {
    display: none;
}

.post .header-post--no-cover .header-post__content,
.blog .slide-content-blog--no-cover .slide-content-blog__content,
.blog .item-blog-posts--no-cover .item-blog-posts__content {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
    margin: 0;
    color: #171717;
}

.post .header-post--no-cover {
    margin-bottom: 32px;
}

.blog .slide-content-blog--no-cover,
.blog .item-blog-posts--no-cover {
    height: auto;
    padding: 24px;
    border: 1px solid #e4e4e4;
    border-radius: 24px;
    background: #fafafa;
}

.blog .slide-content-blog--no-cover .slide-content-blog__cat span,
.blog .item-blog-posts--no-cover .item-blog-posts__cat {
    color: #ff6a00 !important;
}

.blog .slide-content-blog--no-cover .slide-content-blog__cat path,
.blog .item-blog-posts--no-cover .item-blog-posts__cat path {
    fill: #ff6a00;
}

.post .header-post--no-cover .bc-on-banner,
.blog__content:has(.slide-content-blog--no-cover) > .bc-on-banner {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0;
}

.post .header-post--no-cover .crumbs__list,
.blog__content:has(.slide-content-blog--no-cover) > .bc-on-banner .crumbs__list {
    color: #171717;
}

.post .header-post--no-cover .crumbs__list li:not(:last-child)::after,
.blog__content:has(.slide-content-blog--no-cover) > .bc-on-banner .crumbs__list li:not(:last-child)::after {
    background-color: #777;
}

.post .header-post--no-cover .crumbs__container {
    padding-left: 0;
    padding-right: 0;
}

.post .header-post--no-cover .crumbs__list > li:last-child,
.blog__content:has(.slide-content-blog--no-cover) .crumbs__list > li:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post .header-post--no-cover .breadcrumbs__current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}