#cc-main {}

        html, body {font-family: 'karla';}
        /* Custom styles for chart containers to ensure strict boundaries and no overflow */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 250px;
            /* Base height for mobile */
            max-height: 350px;
        }

        @media (min-width: 768px) {
            .chart-container {
                height: 300px;
                /* Slightly taller on desktop */
            }
        }

        /* Smooth transitions for tabs */
        .tab-content {
            display: none;
            animation: fadeIn 0.4s ease-in-out;
        }

        .tab-content.active {
            display: block;
        }


        /* Checkbox styling */
        .custom-checkbox {
            appearance: none;
            background-color: var(--button-bg);
            margin: 0;
            color: var(--button-text-color);
            width: 1.5em;
            height: 1.5em;
            border: 2px solid var(--card-border);
            border-radius: 0.25em;
            display: grid;
            place-content: center;
            cursor: pointer;
        }

        .custom-checkbox::before {
            content: "";
            width: 0.8em;
            height: 0.8em;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em var(--text-color);
            transform-origin: center;
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
            color: var(--button-text-color);
        }

        .custom-checkbox:checked::before {
            transform: scale(1);
        }

        .inputtext {
            padding: 12px;
            border-radius: 8px;
        }

        .SelectOption {
            padding: 12px;
            border-radius: 4px;
            background-color: var(--text-highlight-arguments-blog-1);
            color: var(--text-color);
            border: 1px solid var(--button-border);
        }