/* Functional mobile fixes only; desktop and existing visual theme are unchanged. */
@media (max-width: 900px) {
    body .site-nav.site-nav-main {
        grid-template-columns: minmax(0, 1fr) auto;
        flex-wrap: wrap;
    }
    body .site-nav.site-nav-main .nav-links-site {
        display: flex;
        grid-column: 1 / -1;
        grid-row: 2;
        order: 3;
        flex: 0 0 100%;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }
    body .site-nav.site-nav-main .nav-links-site .nav-link {
        flex: 0 0 auto;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}
@media (max-width: 380px) {
    body.chess-dna-page-v4 .dna-v4-stack,
    body.chess-dna-page-v4 .dna-v4-stack > * {
        min-width: 0;
    }
    body.chess-dna-page-v4 .dna-v5-color-row {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, .6fr) minmax(0, .6fr);
    }
    body.chess-dna-page-v4 .dna-v5-color-row > * {
        overflow-wrap: anywhere;
    }
}