body { -webkit-font-smoothing: antialiased; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        .prose p { margin-bottom: 1rem; line-height: 1.7; color: #374151; }
        .prose h3 { margin-top: 2.5rem; margin-bottom: 1rem; font-weight: 700; color: #171717; font-size: 1.25rem; }
        .prose ul { list-style-type: none; padding-left: 0; margin-bottom: 1.5rem; }
        .prose li { position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; color: #4b5563; }
        .prose li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 6px; height: 6px; background-color: #dc2626; border-radius: 50%; }

        .active-nav { background-color: #fef2f2; color: #dc2626; border-right: 3px solid #dc2626; }

        /* Modal Animation */
        #legalModal { transition: opacity 0.3s ease-in-out; }
        #legalModal.hidden { opacity: 0; pointer-events: none; }
        #legalModal:not(.hidden) { opacity: 1; pointer-events: auto; }

        /* Chart container */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            height: 400px;
            max-height: 500px;
        }
        @media (min-width: 768px) {
            .chart-container { height: 450px; }
        }