.article-card{--bg-color: #fff;--border-width: 1px;--border-color: rgba(0, 0, 0, .1);--border-color-hover: var(--primary);--box-shadow: none;--box-shadow-hover: 0 5px 15px rgba(0, 0, 0, .2);--title-fw:450;--gap:var(--spacer);display:flex;flex-direction:column;gap:var(--gap);height:100%;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--bg-color);transition:border var(--transition-duration) linear,box-shadow var(--transition-duration) linear}@media(min-width:992px){.article-card{flex-direction:row;--gap:var(--spacer2)}}.article-card-title{text-decoration:none;text-overflow:ellipsis;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card-title>*{margin:0;font-weight:var(--title-fw)}.article-card-header{position:relative}@media(min-width:992px){.article-card-header{flex-basis:320px;flex-shrink:0}}.article-card-body{padding-inline:calc(var(--spacer) * 1.5);padding-top:0;padding-bottom:calc(var(--spacer) * 1.5);flex-grow:1;display:flex;flex-direction:column;gap:var(--spacer)}@media(min-width:992px){.article-card-body{padding-top:calc(var(--spacer) * 1.5);padding-left:0}}.article-card-footer{padding-inline:var(--spacer);padding-block:var(--spacer);margin-top:auto;border-top:1px solid var(--border-color)}.article-card-img{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.article-card-img img{width:100%}.article-card:hover{border-color:var(--border-color-hover);box-shadow:var(--box-shadow-hover);transition:border var(--transition-duration) linear,box-shadow var(--transition-duration) linear}.articles{display:flex;flex-direction:column;gap:var(--spacer2)}.articles>li:empty{display:none}