.news-listing-component{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.news-section-title{color:#333;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.news-grid{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px}.news-item{background:#fff;border-bottom:2px solid #e0e0e0;height:180px;margin-bottom:10px;overflow:hidden;padding-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.news-item:hover{box-shadow:0 4px 15px rgba(0,0,0,.15);transform:translateY(-5px)}.news-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.news-link{align-items:stretch;color:inherit;display:flex;height:180px;text-decoration:none;width:100%}.news-image{flex-shrink:0;height:180px;overflow:hidden;position:relative;width:274px}.news-image img{display:block;height:100%;object-fit:cover;width:100%}.news-placeholder-image{align-items:center;background-color:#f0f0f0;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.news-banner{background-color:#28a745;border-radius:4px;bottom:15px;color:#fff;font-size:12px;font-weight:700;left:15px;padding:8px 16px;position:absolute;text-transform:uppercase}.news-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px}.news-category{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.news-title{color:#333;font-size:18px;font-weight:700;line-height:1.4;margin:0;overflow:hidden}@media (max-width:768px){.news-item{flex-direction:column}.news-image{max-width:274px;width:100%}.news-section-title{font-size:24px}}@media (max-width:480px){.news-listing-component{padding:20px 10px}.news-title{font-size:16px}}