body {
    background-color: #232323;
    color: #f0f0f0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 2rem;
}

.wizard-browser {
    .the-grid {
        /* 3-column layout */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 10px;
    }

    .wizard iframe {
        aspect-ratio: 1;
        min-height: 300px;
    }

    .the-pages {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    a {
        color: #7d67ff;

        &.current {
            color: #f0f0f0;
        }   
    }
}