/* Terms of Service Section */
#news * {
    box-sizing: border-box;
}

#news {
    font-family: 'lineseedtw_fonts', sans-serif;
	
	padding: calc(var(--marquee-height) + var(--header-height) + 48px) 24px 48px;
}

#news .max-w-7xl {
    max-width: 80rem; /* 1280px */
    margin-left: auto;
    margin-right: auto;
}

#news .news-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#news .news-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

#news .news-item img {
    width: 100%;
    object-fit: cover;
    border-radius: 0.375rem 0.375rem 0 0;
}

#news .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#news .line-clamp-3 {
	color:var( --color-secondary );
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#news .learn-more-link {
    font-weight: 500;
    transition: color 0.3s ease;
}

#news .progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: var(--color-accent);
    z-index: 1000;
    transition: width 0.3s ease;
}

@media (max-width: 768px) {
    #news .news-item img {
        height: 10rem; /* 160px */
    }

    #news .grid {
        grid-template-columns: 1fr;
    }

    #news h1 {
        font-size: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #news .news-item,
    #news .learn-more-link,
    #news .progress-bar {
        transition: none;
    }
}