.mgh-podcasts-page-list-sidebar{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    width:100%;
}

.mgh-podcasts-page-list-sidebar > .mgh-podcast-sidebar-card:nth-child(n+4){
    display:none;
}

.mgh-podcast-sidebar-card{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0.9rem;
    width:100%;
    padding:1rem;
    border-radius:22px;
    background:linear-gradient(198deg, rgba(158,160,135,0.72) 0%, rgba(146,83,118,0.72) 100%);
    box-shadow:0 18px 34px rgba(73, 35, 56, 0.18);
    -webkit-backdrop-filter:blur(4.5px);
    backdrop-filter:blur(4.5px);
}

.mgh-podcast-sidebar-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(198deg, rgba(158,160,135,0.48) 0%, rgba(146,83,118,0.58) 100%);
    pointer-events:none;
}

.mgh-podcast-sidebar-card-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
}

.mgh-podcast-sidebar-card-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(88, 47, 72, 0.14);
}

.mgh-podcast-sidebar-card-bg-img{
    display:block;
    width:100%;
    height:100% !important;
    object-fit:cover;
    filter:blur(5px);
    transform:scale(1.08);
    opacity:0.82;
}

.mgh-podcast-sidebar-card-cover,
.mgh-podcast-sidebar-card-title,
.mgh-podcast-sidebar-card-button{
    position:relative;
    z-index:1;
}

.mgh-podcast-sidebar-card-cover{
    display:block;
    width:min(10rem, 56%);
    aspect-ratio:1 / 1;
    margin-top:0.35rem;
    overflow:hidden;
    border-radius:2rem;
    box-shadow:0 12px 18px -2px rgba(0, 0, 0, 0.15);
    text-decoration:none;
    background:rgba(252,255,255,0.08);
}

.mgh-podcast-sidebar-card-cover-img{
    display:block;
    width:100%;
    height:100% !important;
    object-fit:cover;
}

.mgh-podcast-sidebar-card-title-wrap{
    position:relative;
    z-index:1;
    width:100%;
    margin:0;
    text-align:center;
}

.mgh-podcast-sidebar-card-title{
    display:block;
    color:#FCFFFF;
    text-decoration:none;
    font-size:0.9rem;
    font-weight:500;
    line-height:1.65;
    word-wrap:break-word;
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.56);
    margin-bottom:0.5rem;
}

.mgh-podcast-sidebar-card-meta{
    position:relative;
    z-index:1;
    width:100%;
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.75rem;
    padding: 0.1rem 0.5rem;
}

.mgh-podcast-sidebar-card-meta-item{
    display:inline-flex;
    align-items:center;
    gap:0.4rem;
    min-width:0;
    color:#FCFFFF;
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.56);
}

.mgh-podcast-sidebar-card-meta-text{
    display:block;
    font-size:0.8rem;
    font-weight:500;
    white-space:nowrap;
}

.mgh-podcast-sidebar-card-meta-icon{
    flex:0 0 auto;
    display:block;
    filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.32));
}

.mgh-podcast-sidebar-card-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.55rem;
    width:100%;
    padding:0.7rem 1rem;
    border-radius:32px;
    border:1px solid rgba(255,255,255,0.16);
    background:rgba(228, 208, 224, 0.32);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.16) !important;
    color:#FCFFFF;
    text-decoration:none;
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.32);
}

.mgh-podcast-sidebar-card-button-text{
    display:block;
    font-size:0.85rem;
    font-weight:500;
    line-height:1;
}

.mgh-podcast-sidebar-card-button-icon{
    flex:0 0 auto;
    display:block;
    filter:drop-shadow(0 0 2px rgba(0, 0, 0, 0.27));
}

.mgh-podcast-sidebar-card-cover:focus-visible,
.mgh-podcast-sidebar-card-title:focus-visible,
.mgh-podcast-sidebar-card-button:focus-visible{
    outline:2px solid #FCFFFF;
    outline-offset:4px;
}

@media (max-width: 860px){
    .mgh-podcasts-page-list-sidebar{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.5rem;
    }

    .mgh-podcasts-page-list-sidebar > .mgh-podcast-sidebar-card:nth-child(n+4){
        display:flex;
    }

    .mgh-podcast-sidebar-card{
        gap:.55rem;
        min-width:0;
        padding:.625rem;
        border-radius:1rem;
    }

    .mgh-podcast-sidebar-card-cover{
        width:min(5.75rem,66%);
        margin-top:.125rem;
        border-radius:1.25rem;
    }

    .mgh-podcast-sidebar-card-title{
        margin-bottom:.25rem;
        font-size:.78rem;
        line-height:1.55;
    }

    .mgh-podcast-sidebar-card-meta{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:.25rem;
        padding:0;
    }

    .mgh-podcast-sidebar-card-meta-item{
        gap:.25rem;
        max-width:100%;
    }

    .mgh-podcast-sidebar-card-meta-text{
        max-width:100%;
        overflow:hidden;
        font-size:.68rem;
        line-height:1.45;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .mgh-podcast-sidebar-card-meta-icon{
        width:.75rem;
        height:.75rem;
    }

    .mgh-podcast-sidebar-card-button{
        gap:.35rem;
        min-height:2.25rem;
        padding:.55rem .5rem;
        border-radius:1.5rem;
    }

    .mgh-podcast-sidebar-card-button-text{
        font-size:.72rem;
    }

    .mgh-podcast-sidebar-card-button-icon{
        width:.5rem;
        height:.5625rem;
    }
}