/* ==========================================================
   dimosTV Design System
   DS1 — Spacing & Layout Utilities
========================================================== */

.dtv-container {
    width: min(100% - calc(var(--dtv-container-padding) * 2), var(--dtv-container-max));
    margin-inline: auto;
}

.dtv-section {
    margin-block: var(--dtv-space-section);
}

.dtv-section-sm {
    margin-block: var(--dtv-space-section-sm);
}

.dtv-stack-xs > * + * { margin-top: var(--dtv-space-xs); }
.dtv-stack-sm > * + * { margin-top: var(--dtv-space-sm); }
.dtv-stack-md > * + * { margin-top: var(--dtv-space-md); }
.dtv-stack-lg > * + * { margin-top: var(--dtv-space-lg); }
.dtv-stack-xl > * + * { margin-top: var(--dtv-space-xl); }

.dtv-cluster {
    display: flex;
    align-items: center;
    gap: var(--dtv-space-md);
    flex-wrap: wrap;
}