*{
        margin: 0;
        padding: 0;
    }
    /* Global Styles */
    #article-hub-header-wrapper { font-family: 'Segoe UI', Tahoma, sans-serif; }
    #article-hub-header-wrapper .header-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    #article-hub-header-wrapper a { text-decoration: none; transition: 0.3s; }
    
    /* Top Bar */
    #article-hub-header-wrapper .top-bar { background: #f9f9f9; border-bottom: 1px solid #eee; padding: 8px 0; font-size: 12px; color: #666; }
    #article-hub-header-wrapper .top-bar .header-container { display: flex; justify-content: space-between; align-items: center; }
    #article-hub-header-wrapper .breaking-news { font-weight: 500; color: #333; }
    #article-hub-header-wrapper .breaking-news span { color: #ff4d4d; font-weight: bold; text-transform: uppercase; margin-right: 10px; }
    #article-hub-header-wrapper .social-icons a { margin-left: 12px; color: #444; font-size: 14px; }
    #article-hub-header-wrapper .social-icons a:hover { color: #ff4d4d; }

    /* Logo Section */
    #article-hub-header-wrapper .main-header { background: #fff; padding: 25px 0; text-align: center; }
    #article-hub-header-wrapper .logo h1 { font-size: 40px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #1a1a2e; margin: 0; }
    #article-hub-header-wrapper .logo h1 span { color: #ff4d4d; }
    #article-hub-header-wrapper .tagline { font-size: 11px; color: #888; letter-spacing: 2px; margin-top: 5px; text-transform: uppercase; }

    /* Navigation */
    #article-hub-header-wrapper .main-nav { background: #fff; border-top: 1px solid #eee; border-bottom: 3px solid #ff4d4d; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
    #article-hub-header-wrapper .nav-flex { display: flex; justify-content: center; align-items: center; position: relative; }
    
    #article-hub-header-wrapper .nav-links { display: flex; list-style: none; margin: 0; padding: 0; }
    #article-hub-header-wrapper .nav-links li a { display: block; padding: 18px 20px; font-weight: 600; font-size: 13px; text-transform: uppercase; color: #333; }
    #article-hub-header-wrapper .nav-links li a:hover, 
    #article-hub-header-wrapper .nav-links li a.active { color: #ff4d4d; }

    /* Search & Toggle */
    #article-hub-header-wrapper .search-icon { position: absolute; right: 20px; cursor: pointer; font-size: 16px; color: #333; }
    #article-hub-header-wrapper .menu-toggle { display: none; position: absolute; left: 20px; font-size: 20px; cursor: pointer; }

    /* --- RESPONSIVE DESIGN --- */

    @media (max-width: 992px) {
        #article-hub-header-wrapper .nav-links li a { padding: 15px 12px; font-size: 12px; }
    }

    @media (max-width: 768px) {
        #article-hub-header-wrapper .top-bar .breaking-news { display: none; } /* Hide breaking news on mobile to save space */
        #article-hub-header-wrapper .top-bar .header-container { justify-content: center; }
        
        #article-hub-header-wrapper .logo h1 { font-size: 28px; }
        #article-hub-header-wrapper .tagline { font-size: 9px; }

        #article-hub-header-wrapper .menu-toggle { display: block; }

        #article-hub-header-wrapper .nav-links {
            display: none; /* Hide by default on mobile */
            flex-direction: column;
            position: absolute;
            top: 54px;
            left: 0;
            width: 100%;
            background: #fff;
            box-shadow: 0 5px 10px rgba(0,0,0,0.1);
            border-bottom: 2px solid #ff4d4d;
        }

        #article-hub-header-wrapper .nav-links.active { display: flex; }

        #article-hub-header-wrapper .nav-links li { text-align: left; border-bottom: 1px solid #f1f1f1; }
        #article-hub-header-wrapper .nav-links li a { padding: 15px 25px; width: 100%; }
        
        #article-hub-header-wrapper .nav-flex { justify-content: space-between; height: 55px; }
        #article-hub-header-wrapper .search-icon { position: static; margin-right: 0; }
    }