:root {
            --primary: #1A365D;
            --secondary: #2F855A;
            --accent: #B7791F;
            --text: #2D3748;
            --font-main: 'Helvetica Neue', Arial, sans-serif;
        }

        body {
            font-family: var(--font-main);
            line-height: 1.8;
            color: var(--text);
            //max-width: 1200px;
            margin: 0 auto;
           // padding: 2rem 1rem;
        }

        h1 { font-size: 2.8rem; color: var(--primary); border-bottom: 3px solid var(--secondary); padding-bottom: 1rem; }
        h2 { font-size: 2rem; color: var(--secondary); margin: 2.5rem 0 1.5rem; }
        h3 { font-size: 1.4rem; color: var(--primary); margin: 1.8rem 0 1rem; }

        .content-block { margin: 2rem 0; padding: 1.5rem; background: #F8FAFC; border-radius: 8px; }
        ul { padding-left: 2rem; margin: 1rem 0; }
        li { margin: 0.8rem 0; }

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background: white;
        }
        th { background: var(--primary); color: white; padding: 1rem; text-align: left; }
        td { padding: 1rem; border-bottom: 1px solid #EDF2F7; }

        .data-point { 
            display: inline-block;
            padding: 0.3rem 0.8rem;
            background: var(--secondary);
            color: white;
            border-radius: 4px;
            margin: 0.5rem 0;
        }

        @media (max-width: 768px) {
            body { padding: 1rem; }
            h1 { font-size: 2rem; }
            h2 { font-size: 1.6rem; }
        }