.tabs {
            margin-top: 1rem;
            margin-bottom: .5rem;
        }

        .tabs ul {
            justify-content: center;
            gap: 0.5rem;
        }

        .tabs li a {
            padding: 0.4em 0.9em;
            font-size: 0.95rem;
            background-color: #2a2a2a;
            color: #fff;
            border-radius: 6px;
        }

        .tabs li.is-active a {
            background-color: #4CAF50;
            color: #fff;
        }

        .tabs:not(:last-child) {
            margin-bottom: 1.5rem;
        }

        .tabs.is-toggle li.is-active a {
            background-color: #48c797;
            border-color: #48c797;
            color: #fff;
            z-index: 1;
        }

        .tabs.is-toggle li a:hover {
            background-color: #48c797;
            border-color: #48c797;
        }

        code {
            background-color: #211f22;
            color: #00d1b2;
            font-size: .875em;
            font-weight: 400;
            padding: .25em .5em .25em;
            word-break: break-word;
            white-space: pre-wrap;
        }

        .github-icon img {
            width: 32px;
            transition: transform 0.25s ease, filter 0.25s ease;
        }

        .github-icon:hover img {
            transform: scale(1.2);
            filter: drop-shadow(0 0 6px #ffffffaa);
        }

        .text {
            margin-bottom: 1rem;
        }

        @media (max-width: 768px) {
            .tabs ul {
                flex-direction: column;
                align-items: center;
            }

            .tabs li {
                width: 100%;
                text-align: center;
                margin-bottom: 0.4rem;
            }

            .tabs li a {
                display: block;
                width: 100%;
                padding: 0.6em 1em;
            }
        }