/* STIGMA — Popular Posts main module
   Source of truth for main area only. Sidebar stays in sidebar.css. */

.stigma-popular-main{
    margin:32px 0;
}

.stigma-popular-main__head{
    margin-bottom:14px;
}

.stigma-popular-main__grid{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    background:#fff;
    border:1px solid var(--bd,#e5e0d8);
    border-radius:var(--r,8px);
    overflow:hidden;
}

.stigma-popular-main__item{
    list-style:none !important;
    display:grid;
    grid-template-columns:42px 128px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-height:116px;
    padding:15px 14px;
    border-bottom:1px solid var(--bd,#e5e0d8);
    background:#fff;
    box-sizing:border-box;
}

.stigma-popular-main__item::marker{
    content:'';
}

.stigma-popular-main__item:nth-child(odd){
    border-right:1px solid var(--bd,#e5e0d8);
}

.stigma-popular-main__item:nth-last-child(-n+2){
    border-bottom:0;
}

.stigma-popular-main__rank{
    display:block;
    color:var(--acc,#f07c00);
    font-family:'Montserrat',Arial,sans-serif;
    font-size:34px;
    font-weight:900;
    line-height:1;
    letter-spacing:-.05em;
    text-align:left;
}

.stigma-popular-main__thumb{
    display:block;
    width:128px;
    height:82px;
    overflow:hidden;
    border-radius:7px;
    background:#f0ede8;
    text-decoration:none !important;
}

.stigma-popular-main__img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.stigma-popular-main__placeholder{
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(135deg,#ece7df,#d8d1c6);
}

.stigma-popular-main__body{
    min-width:0;
}

.stigma-popular-main__title{
    margin:0 !important;
    padding:0 !important;
    color:var(--dk,#111110) !important;
    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.28 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.stigma-popular-main__title a{
    color:inherit !important;
    text-decoration:none !important;
}

.stigma-popular-main__title a:hover{
    color:var(--acc,#f07c00) !important;
}

.stigma-popular-main__item--no-rank{
    grid-template-columns:128px minmax(0,1fr);
}

.stigma-popular-main__item--no-thumb{
    grid-template-columns:42px minmax(0,1fr);
}

.stigma-popular-main__item--no-rank.stigma-popular-main__item--no-thumb{
    grid-template-columns:1fr;
}

@media(max-width:1100px){
    .stigma-popular-main__item{
        grid-template-columns:36px 108px minmax(0,1fr);
        gap:12px;
    }

    .stigma-popular-main__thumb{
        width:108px;
        height:70px;
    }

    .stigma-popular-main__title{
        font-size:15px !important;
    }
}

@media(max-width:900px){
    .stigma-popular-main__grid{
        grid-template-columns:1fr;
    }

    .stigma-popular-main__item,
    .stigma-popular-main__item:nth-child(odd){
        border-right:0;
    }

    .stigma-popular-main__item:nth-last-child(-n+2){
        border-bottom:1px solid var(--bd,#e5e0d8);
    }

    .stigma-popular-main__item:last-child{
        border-bottom:0;
    }
}

@media(max-width:520px){
    .stigma-popular-main__item{
        grid-template-columns:30px 92px minmax(0,1fr);
        gap:10px;
        min-height:92px;
        padding:12px;
    }

    .stigma-popular-main__rank{
        font-size:28px;
    }

    .stigma-popular-main__thumb{
        width:92px;
        height:60px;
    }

    .stigma-popular-main__title{
        font-size:14px !important;
        line-height:1.25 !important;
    }
}