/* Article list page (from ui-css.css, only articles-list.html) */
.list-news-content{padding:70px 0 90px;background:#fff}
.list-news-header-title{font-size:48px;font-weight:600;color:#000;margin:60px 0 40px}
.list-news-header-title::before{content:'';display:inline-block;width:20px;height:30px;background:url(../images/title-before.webp) no-repeat top left;min-width:50px}
.list-news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px;margin:0}
.list-news-card{background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.list-news-card-img-link{display:block;line-height:0;width:100%;overflow:hidden;background:#f0f0f0}
.list-news-card-img-link img{display:block;width:100%;height:auto}
.list-news-card-body{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column;min-width:0}
.list-news-card-title-link{text-decoration:none;color:inherit;display:block;min-width:0;margin-bottom:12px}
.list-news-card-title-link:hover .list-news-card-title{color:var(--public-color)}
.list-news-card-title{font-size:var(--font-h4);font-weight:600;color:#333;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-news-card-excerpt{font-size:var(--font-body);color:#666;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.list-news-card-date{font-size:var(--font-sm);color:var(--public-color);margin-top:auto}
@media(max-width:992px){
.list-news-list{grid-template-columns:repeat(2,1fr);gap:24px 20px}
}
@media(max-width:768px){
.list-news-content{padding:40px 0 48px}
.list-news-header-title{font-size:var(--font-h2);margin:24px 0 20px;line-height:1.3}
.list-news-list{grid-template-columns:1fr;gap:16px}
.list-news-card-body{padding:16px 14px 18px}
.list-news-card-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-news-card-excerpt{font-size:var(--font-sm)}
}