
/* v51 Homepage 3 Column: non-sticky sidebars + mobile landscape cards */
.ab-home-true-3col-v50{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr) 260px!important;
    gap:18px!important;
    align-items:start!important;
    max-width:1440px!important;
    margin:18px auto 28px!important;
}
.ab-home-sidebar-v50{
    position:static!important;
    top:auto!important;
    align-self:start!important;
    display:grid!important;
    gap:16px!important;
}
.ab-home-center-v50{
    min-width:0!important;
}
.ab-v50-widget{
    border-radius:16px!important;
}

/* desktop compact sidebar so it does not become too tall */
@media(min-width:992px){
    .ab-home-sidebar-v50 .ab-v50-widget{
        padding:14px!important;
    }
    .ab-home-sidebar-v50 .ab-v50-widget h3{
        font-size:17px!important;
        margin-bottom:11px!important;
    }
    .ab-v50-timeline a{
        padding-bottom:11px!important;
    }
    .ab-v50-popular a{
        grid-template-columns:24px 50px minmax(0,1fr)!important;
        gap:8px!important;
        padding:7px 0!important;
    }
    .ab-v50-popular b{
        width:24px!important;
        height:24px!important;
        font-size:11px!important;
    }
    .ab-v50-popular span{
        height:42px!important;
    }
    .ab-v50-popular strong,
    .ab-v50-timeline strong{
        font-size:13px!important;
    }
}

/* tablet/mobile: main content first, then sidebars as landscape card design */
@media(max-width:991px){
    .ab-home-true-3col-v50{
        display:flex!important;
        flex-direction:column!important;
        gap:16px!important;
        padding-left:14px!important;
        padding-right:14px!important;
        margin-top:14px!important;
    }
    .ab-home-center-v50{
        order:1!important;
        width:100%!important;
    }
    .ab-home-sidebar-left{
        order:2!important;
        width:100%!important;
    }
    .ab-home-sidebar-right{
        order:3!important;
        width:100%!important;
    }
    .ab-home-sidebar-v50{
        position:static!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    /* landscape card look */
    .ab-home-sidebar-v50 .ab-v50-widget{
        padding:12px!important;
        border-radius:14px!important;
        display:block!important;
    }
    .ab-home-sidebar-v50 .ab-v50-widget h3{
        font-size:17px!important;
        margin-bottom:10px!important;
    }

    .ab-v50-popular a{
        grid-template-columns:28px 96px minmax(0,1fr)!important;
        gap:10px!important;
        min-height:74px!important;
    }
    .ab-v50-popular span{
        height:64px!important;
        border-radius:10px!important;
    }
    .ab-v50-popular strong{
        font-size:14px!important;
        line-height:1.35!important;
    }

    .ab-v50-timeline a{
        padding:0 0 12px 14px!important;
    }

    .ab-v50-video>a,
    .ab-v50-weather,
    .ab-v50-newsletter{
        min-height:130px!important;
    }

    .ab-v50-tags a{
        padding:8px 10px!important;
    }
}

/* small mobile: landscape news rows stay horizontal */
@media(max-width:640px){
    .ab-home-sidebar-v50{
        grid-template-columns:1fr!important;
    }
    .ab-v50-popular a{
        grid-template-columns:26px 86px minmax(0,1fr)!important;
        min-height:68px!important;
    }
    .ab-v50-popular span{
        height:58px!important;
    }
    .ab-v50-widget{
        box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
    }
}
