/* Identification automatique — disposition locale de `page-workflow`. */

@layer page {
    .l-workflow .reading {
        max-width: 70ch;
    }
    #form {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-4);
    }
    .search-area {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(9rem, 1fr);
        gap: var(--canon-space-4);
    }
    #view-offers {
        align-self: flex-start;
    }
    @media (max-width: 600px) {
        .search-area {
            grid-template-columns: 1fr;
        }
    }
}