.latest-articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    max-width: 1200px;
    margin: 0 auto;
}
.article-item {
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.article-item a {
    color: #2c3e50;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 768px) {
.latest-articles {
grid-template-columns: 1fr;
    }
}
.hot-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}
.limited-text {
  display: inline-block;
  width: 300px; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}

@media (max-width: 767.98px) {
.limited-text {
            max-width: calc(100% - 80px); 
        }
.date-badge {
            font-size: 0.75rem !important;
            white-space: nowrap;
        }
.article-item a {
            font-size: 0.9rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
        }
.new-musics, .article-item {
            overflow: hidden;
        }
    }
.text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; 
    }
@media (min-width: 768px) {
        .limited-text {
            font-size: inherit; 
        }
        .date-badge {
            font-size: 0.85rem !important; 
        }
    }