.dg-container {
    width: min(
        calc(100% - (var(--dgs-page-gutter) * 2)),
        var(--dgs-container-xl)
    );
    margin-inline: auto;
}

.dg-container--sm {
    max-width: var(--dgs-container-sm);
}

.dg-container--md {
    max-width: var(--dgs-container-md);
}

.dg-container--lg {
    max-width: var(--dgs-container-lg);
}

.dg-container--xl {
    max-width: var(--dgs-container-xl);
}

.dg-container--fluid {
    width: calc(100% - (var(--dgs-page-gutter) * 2));
    max-width: none;
}

.dgs-showcase-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    gap: var(--dgs-space-5);
}

.dgs-showcase-stack {
    display: flex;
    flex-direction: column;
    gap: var(--dgs-space-4);
}

.dgs-showcase-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--dgs-space-3);
}