/* Touch tablets: choose columns from the actual directory width. Phone
   portrait/landscape and mouse-first desktop layouts retain their rules. */
@media (min-width: 600px) and (min-height: 600px) and (pointer: coarse) {
    #blind-doc-folder-list.is-folder-icons {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 144px), 1fr)) !important;
    }
    #blind-doc-folder-list.is-folder-icons-small {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 112px), 1fr)) !important;
    }
    #blind-doc-folder-list.is-folder-icons > .blind-doc-folder-row,
    #blind-doc-folder-list.is-folder-icons > .blind-doc-tree-file-row {
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
}