.article-card{
    background:#fff;
    overflow:hidden;
    display:flex;
    align-items:stretch;
    margin-bottom:65px
}
.article-thumb{
    flex:0 0 300px;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#f0f0f0
}
@media (max-width:620px){
    .article-card{
        flex-direction:column
    }
    .article-link--thumb,.article-thumb{
        flex:none;
        aspect-ratio:16/9
    }
}
.article-link--thumb{
    display:block;
    flex:0 0 300px;
    overflow:hidden
}
.article-link{
    color:inherit!important;
    text-decoration:none
}
.article-title .article-link:hover{
    color:#d97f1f!important;
    text-decoration:underline
}
.article-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s
}
.article-card:hover .article-thumb img{
    transform:scale(1.04)
}
.article-no-thumb{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#aaa;
    font-size:.85rem
}
.article-card-body{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:20px 24px
}
.article-card--no-thumb .article-card-body{
    width:100%;
    max-width:100%
}
.article-title{
    font-size:2.15rem!important;
    font-weight:700;
    color:#000;
    margin:0 0 6px;
    line-height:1.35
}
.article-date{
    font-size:.78rem;
    color:#888;
    margin:0 0 10px
}
.article-excerpt{
    font-size:.88rem;
    color:#555;
    margin:0;
    line-height:1.55
}
.articles-search-wrapper{
    margin-bottom:30px
}
.articles-filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:-10px 0 26px
}
.articles-filter-btn{
    border:1px solid #d7cec4;
    background:#fff;
    color:#4b3d2f;
    padding:8px 14px;
    font-size:.82rem;
    line-height:1.2;
    cursor:pointer;
    transition:background .2s,color .2s,border-color .2s
}
.articles-filter-btn:hover,.articles-filter-btn.is-active{
    background:#4b3d2f;
    border-color:#4b3d2f;
    color:#fff
}
.articles-search-input{
    transition:border-color .2s,box-shadow .2s
}
.articles-search-input:focus{
    box-shadow:0 0 0 3px rgba(175,125,76,.1)
}
.articles-search-input::placeholder{
    color:#999
}
.articles-pagination{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:48px
}
.articles-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 10px;
    font-size:.9rem;
    color:#333;
    text-decoration:none;
    background:#fff;
    transition:background .15s,color .15s
}
.articles-pagination .page-numbers.current,.articles-pagination .page-numbers:hover{
    background:var(--awb-text-color);
    border-color:var(--awb-text-color);
    color:#fff
}