@media (max-width: 768px) {
    .header-content {
        padding: 10px 16px;
    }

    .nav-menu {
        display: none;
    }

    .mobile-bottom-nav {
        display: flex;
    }

    .container {
        margin: 16px auto 70px auto;
        padding: 0 12px;
    }

    .section {
        padding: 18px 16px;
    }

    .news-page-header h1,
    .forum-page-header h1 {
        font-size: 22px;
    }

    .news-filter-tabs {
        gap: 6px;
        padding: 6px;
    }

    .news-filter-tab {
        padding: 6px 12px;
        font-size: 11px;
    }

    .news-item {
        padding: 18px 16px;
    }

    .news-title {
        font-size: 17px;
    }
}