/* Explain: CSS for layout utilities like containers and spacing. */
.ml-container {
    width: 100%;
    max-width: 1220px;
    margin-inline: auto;
    padding-inline: 0.75rem;
}

@media (min-width: 640px) {
    .ml-container {
        padding-inline: 1rem;
    }
}

.ml-stack-tight > * + * {
    margin-top: 0.25rem;
}

.ml-stack > * + * {
    margin-top: 0.75rem;
}

.ml-stack-loose > * + * {
    margin-top: 1.5rem;
}