/* Critical Above-the-Fold Styles */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; 
            line-height: 1.6; 
            color: #222; 
            background-color: #f9f9f9;
            overflow-x: hidden;
        }
        .container { 
            width: 100%; 
            max-width: 1200px; 
            margin: 0 auto; 
            padding: 0 20px;
        }
        header, nav, main, section, article, aside, footer { display: block; }
        a { color: #0066cc; text-decoration: none; }
        img { max-width: 100%; height: auto; display: block; }

        /* Header & Navigation */
        .site-header { 
            background: #2c3e50; 
            color: white; 
            padding: 1rem 0; 
            border-bottom: 3px solid #1a252f;
        }
        .logo a { 
            font-size: 1.8rem; 
            font-weight: bold; 
            color: white; 
            letter-spacing: -0.5px;
        }
        .nav-links { display: flex; gap: 1.5rem; }
        .nav-links a { color: #ecf0f1; font-weight: 500; }
        .hamburger { display: none; font-size: 1.5rem; background: none; border: none; color: white; cursor: pointer; }

        /* Hero / Lead Section */
        .article-lead { 
            background: white; 
            padding: 2rem; 
            border-radius: 8px; 
            margin: 2rem 0; 
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            border-left: 5px solid #3498db;
        }

        /* Typography */
        h1 { font-size: 2.5rem; margin-bottom: 1rem; color: #2c3e50; line-height: 1.2; }
        h2 { font-size: 1.8rem; margin: 2rem 0 1rem; color: #2c3e50; padding-bottom: 0.5rem; border-bottom: 2px solid #ecf0f1; }
        h3 { font-size: 1.4rem; margin: 1.5rem 0 0.75rem; color: #34495e; }
        p { margin-bottom: 1rem; }
        .last-updated { font-style: italic; color: #7f8c8d; font-size: 0.9rem; margin-top: -0.5rem; margin-bottom: 1.5rem; }

        /* Buttons & Interactive Elements */
        .btn {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            background-color: #3498db;
            color: white;
            border-radius: 4px;
            font-weight: bold;
            border: none;
            cursor: pointer;
            text-align: center;
            min-height: 44px;
            min-width: 44px;
        }
        .btn:hover { background-color: #2980b9; }

        /* Responsive Base */
        @media (max-width: 768px) {
            .hamburger { display: block; }
            .nav-links { 
                flex-direction: column; 
                display: none; 
                width: 100%; 
                padding-top: 1rem;
            }
            .nav-links.active { display: flex; }
            h1 { font-size: 2rem; }
            h2 { font-size: 1.6rem; }
            .container { padding: 0 15px; }
        }