{{define "news-content"}}
<div class="news-container">
    <div class="sticky-header" id="news-sticky-header">
        <div class="news-header">
            <h1>📰 Live News Feed</h1>
            <div class="news-stats">
                <span id="news-count-hour" class="stat-highlight">0 in last hour</span>
                <span id="news-count">0 articles</span>
                <span id="last-update">Last update: never</span>
            </div>
        </div>

        <div class="news-filters">
            <button class="filter-btn active" data-filter="all">All</button>
            <button class="filter-btn" data-filter="positive">Positive</button>
            <button class="filter-btn" data-filter="neutral">Neutral</button>
            <button class="filter-btn" data-filter="negative">Negative</button>
        </div>
    </div>

    <div id="news-list" class="news-list">
        <p class="loading">Loading news...</p>
    </div>
</div>
{{end}}