/* Column count for the image grids. The scoped style is the sole source of
       grid-template-columns (no competing Tailwind grid-cols-* on the element),
       so there's no specificity/order conflict. Breakpoints mirror Tailwind's
       sm (640px) and lg (1024px). Mobile/tablet stay responsive; at desktop the
       per-row dropdown takes over via the --cols custom property. */
    .cols-dynamic.svelte-txt9j4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    @media (min-width: 640px) {
        .cols-dynamic.svelte-txt9j4 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    @media (min-width: 1024px) {
        .cols-dynamic.svelte-txt9j4 {
            grid-template-columns: repeat(var(--cols, 7), minmax(0, 1fr));
        }
    }