.news-card{transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:8px;}
@media (max-width:1024px){
.news-grid-section-v1 .category-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:768px){
.news-grid-section-v1 .category-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:480px){
.news-grid-section-v1 .category-news-grid{grid-template-columns:1fr;}
}
.news-card-overlay{border-radius:8px;height:240px;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.news-card-overlay-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;}
.news-card-overlay-content > div:last-child{position:relative;z-index:2;}
.news-card-overlay-content::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--overlay-dark) 0%,var(--overlay-dark-mid) 70%,transparent 100%);pointer-events:none;}
@media (max-width:1024px){
.news-grid-section-v2 .news-grid-overlay{grid-template-columns:repeat(2,minmax(0,1fr));}
.news-card-overlay{height:220px;}
}
@media (max-width:768px){
.news-grid-section-v2 .news-grid-overlay{grid-template-columns:1fr;gap:16px;}
.news-card-overlay{height:200px;}
}
@media (max-width:1200px){
.news-grid-section-v3 .news-grid-full{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1024px){
.news-grid-section-v3 .news-grid-full{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:768px){
.news-grid-section-v3 .news-grid-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:480px){
.news-grid-section-v3 .news-grid-full{grid-template-columns:1fr;}
}
.news-grid-section-v4{--v4-cols:4;}
.news-list-horizontal{display:grid;grid-template-columns:repeat(var(--v4-cols),minmax(0,1fr));gap:0;}
.news-item-horizontal{gap:16px;padding:20px;border:1px solid var(--color-border-light);border-right:0;border-bottom:0;}
.news-item-horizontal-content{gap:12px;order:1;}
.news-item-horizontal-image{width:100px;height:75px;border-radius:5px;order:2;}
.news-grid-section-v4.v4-cols-2{--v4-cols:2;}
.news-grid-section-v4.v4-cols-3{--v4-cols:3;}
.news-grid-section-v4.v4-cols-4{--v4-cols:4;}
.news-grid-section-v4.v4-cols-5{--v4-cols:5;}
.news-grid-section-v4.v4-image-first .news-item-horizontal-content{order:2;}
.news-grid-section-v4.v4-image-first .news-item-horizontal-image{order:1;}
.news-grid-section-v4.v4-cols-2 .news-item-horizontal:nth-child(2n),.news-grid-section-v4.v4-cols-3 .news-item-horizontal:nth-child(3n),.news-grid-section-v4.v4-cols-4 .news-item-horizontal:nth-child(4n),.news-grid-section-v4:not([class*="v4-cols-"]) .news-item-horizontal:nth-child(4n),.news-grid-section-v4.v4-cols-5 .news-item-horizontal:nth-child(5n){border-right:1px solid var(--color-border-light);}
.news-grid-section-v4.v4-cols-2 .news-item-horizontal:nth-last-child(-n+2),.news-grid-section-v4.v4-cols-3 .news-item-horizontal:nth-last-child(-n+3),.news-grid-section-v4.v4-cols-4 .news-item-horizontal:nth-last-child(-n+4),.news-grid-section-v4:not([class*="v4-cols-"]) .news-item-horizontal:nth-last-child(-n+4),.news-grid-section-v4.v4-cols-5 .news-item-horizontal:nth-last-child(-n+5){border-bottom:1px solid var(--color-border-light);}
@media (max-width:1200px){
.news-grid-section-v4{--v4-cols:3;}
.news-grid-section-v4.v4-cols-2{--v4-cols:2;}
.news-grid-section-v4 .news-item-horizontal{border-right:0;}
.news-grid-section-v4 .news-item-horizontal:nth-child(3n){border-right:1px solid var(--color-border-light);}
.news-grid-section-v4.v4-cols-2 .news-item-horizontal:nth-child(3n){border-right:0;}
.news-grid-section-v4.v4-cols-2 .news-item-horizontal:nth-child(2n){border-right:1px solid var(--color-border-light);}
.news-grid-section-v4 .news-item-horizontal{border-bottom:0;}
.news-grid-section-v4 .news-item-horizontal:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-light);}
.news-grid-section-v4.v4-cols-2 .news-item-horizontal:nth-last-child(-n+3){border-bottom:0;}
.news-grid-section-v4.v4-cols-2 .news-item-horizontal:nth-last-child(-n+2){border-bottom:1px solid var(--color-border-light);}
}
@media (max-width:1024px){
.news-grid-section-v4{--v4-cols:2;}
.news-grid-section-v4 .news-item-horizontal{border-right:0;}
.news-grid-section-v4 .news-item-horizontal:nth-child(2n){border-right:1px solid var(--color-border-light);}
.news-grid-section-v4 .news-item-horizontal{border-bottom:0;}
.news-grid-section-v4 .news-item-horizontal:nth-last-child(-n+2){border-bottom:1px solid var(--color-border-light);}
}
@media (max-width:768px){
.news-grid-section-v4{--v4-cols:1;}
.news-grid-section-v4 .news-item-horizontal{border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);}
}
.news-grid-section-v5{background-color:var(--color-bg-section-alt,#e0e4ed);}
@media (max-width:1200px){
.news-grid-section-v5 .news-grid-author{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1024px){
.news-grid-section-v5 .news-grid-author{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:768px){
.news-grid-section-v5 .news-grid-author{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:480px){
.news-grid-section-v5 .news-grid-author{grid-template-columns:1fr;}
}
.news-card-horizontal-large{gap:24px;}
.news-card-horizontal-large-content{justify-content:center;gap:16px;order:2;}
.v6-image{width:220px;height:145px;background-color:var(--color-news-placeholder);border-radius:var(--news-border-radius);flex-shrink:0;order:1;}
.v6-image > img{width:100%;height:100%;object-fit:cover;display:block;}
.grid-cols-2 .v6-image{width:260px;height:170px;}
.grid-cols-3 .v6-image{width:220px;height:145px;}
.grid-cols-4 .v6-image{width:160px;height:105px;}
.grid-cols-5 .v6-image{width:130px;height:85px;}
.news-grid-section-v6.v6-image-last .news-card-horizontal-large-content{order:1;}
.news-grid-section-v6.v6-image-last .v6-image{order:2;}
@media (max-width:1200px){
.news-grid-section-v6 .news-grid-horizontal-large.grid-cols-4,.news-grid-section-v6 .news-grid-horizontal-large.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1024px){
.grid-cols-2 .v6-image{width:220px;height:145px;}
.grid-cols-3 .v6-image{width:180px;height:120px;}
.grid-cols-4 .v6-image{width:140px;height:95px;}
.news-grid-section-v6 .news-grid-horizontal-large.grid-cols-3,.news-grid-section-v6 .news-grid-horizontal-large.grid-cols-4,.news-grid-section-v6 .news-grid-horizontal-large.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
.news-grid-section-v6 .news-grid-horizontal-large{grid-template-columns:1fr !important;gap:24px;}
.news-card-horizontal-large{flex-direction:column;gap:16px;}
.news-card-horizontal-large-content{order:2 !important;}
.v6-image{width:100% !important;height:200px !important;}
}
.news-grid-v7-wrapper{background-color:var(--color-bg-light);padding:30px;border-radius:8px;}
@media (max-width:1200px){
.news-grid-section-v7 .news-grid-backgrounded{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1024px){
.news-grid-section-v7 .news-grid-backgrounded{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:768px){
.news-grid-v7-wrapper{padding:24px;}
.news-grid-section-v7 .news-grid-backgrounded{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:480px){
.news-grid-v7-wrapper{padding:20px 15px;}
.news-grid-section-v7 .news-grid-backgrounded{grid-template-columns:1fr;}
.news-grid-backgrounded:not(:nth-child(2n)){border-right:0;}
}
.news-grid-section-v8{background-color:var(--color-menu);}
.news-grid-section-v8 .section-header-title{color:var(--color-white);}
.news-grid-section-v8 .section-header.header-line-top::before{background-color:var(--color-primary);}
.news-grid-section-v8 article:hover .news-title-base{color:var(--color-primary);}
@media (max-width:1200px){
.news-grid-section-v8 .grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1024px){
.news-grid-section-v8 .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
.news-grid-section-v8 .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}
@media (max-width:480px){
.news-grid-section-v8 .grid-cols-4{grid-template-columns:1fr;}
}