.news-by-category{display:flex;flex-wrap:wrap;gap:20px}.category-section{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 20px);background-color:#f8f9fa;padding:20px;border-radius:8px;box-sizing:border-box;min-width:300px}.category-section h2{color:#333}.category-article{display:flex;gap:15px;margin-bottom:15px}.article-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.article-info{display:flex;flex-direction:column}.article-title{font-weight:700;text-decoration:none;color:#333;margin-bottom:5px}.article-date{color:#999;font-size:.9em}.load-more{color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.load-more,.load-more:hover{background-color:#000}html.dark .category-section{background-color:#181818}html.dark .article-title,html.dark .category-section h2{color:#f0f0f0}html.dark .article-date{color:grey}html.dark .article-image{filter:grayscale(100%)}html.dark .load-more{background-color:#333;color:#f0f0f0}html.dark .load-more:hover{background-color:#444}@media (max-width:768px){.category-section{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 20px)}}@media (max-width:480px){.category-section{flex:1 1 100%}}