[dir=ltr] .md-typeset #tutorial-docs ~ ol,
[dir=ltr] .md-typeset #technical-documentation ~ ol {
    list-style: none;
    margin: 0;

    display: grid;
    /* 2*2 */
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

[dir=ltr] .md-typeset #tutorial-docs ~ ol li,
[dir=ltr] .md-typeset #technical-documentation ~ ol li {
    margin: 0;
    padding: 0;

    border: 1px solid var(--color-gray-300);
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px var(--color-gray-100);
}

[dir=ltr] .md-typeset #tutorial-docs ~ ol li a,
[dir=ltr] .md-typeset #technical-documentation ~ ol li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.75rem 1.25rem;
    color: var(--color-black);

}

[dir=ltr] .md-typeset #tutorial-docs ~ ol li:hover,
[dir=ltr] .md-typeset #technical-documentation ~ ol li:hover {
    border-color: var(--color-blue-300);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}



@media (max-width: 76.25rem) {
    [dir=ltr] .md-typeset #tutorial-docs ~ ol,
    [dir=ltr] .md-typeset #technical-documentation ~ ol {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }   
}