/* Targeted fixes shared by the 32 visualization pages. */
nav .container,
nav a[href="index.html"],
nav a[href="index.html"] .flex.flex-col,
.grid > * {
    min-width: 0;
}

pre,
.code-block {
    max-width: 100%;
}

button:disabled {
    cursor: not-allowed;
}

@media (max-width: 767px) {
    nav .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    nav .container > div:first-child,
    nav a[href="index.html"] {
        min-width: 0;
        gap: 8px;
    }

    nav img[src$="LOGO.png"] {
        height: 20px;
        flex-shrink: 0;
    }

    nav a[href="index.html"] .flex.flex-col span,
    nav .container > div:first-child h1 {
        font-size: 13px;
        line-height: 1.25;
        letter-spacing: -0.02em;
        white-space: nowrap;
    }

    nav .container > div:first-child p {
        font-size: 9px;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }

    .flex.justify-between.items-center {
        flex-wrap: wrap;
        row-gap: 12px;
    }

    #analysis {
        overflow-x: clip;
    }
}