/* Převodník barev: rozvržení podle šířky obsahu stránky (ne okna), stejně jako čistič SVG. */
#prevodnik-barev {
    container-type: inline-size;
}

.barvy-mrizka {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
}

@container (min-width: 900px) {
    .barvy-mrizka {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
        align-items: start;
    }

    .barvy-nahled {
        position: sticky;
        top: 70px;
    }
}