/*
 * T3Bootstrap — spacing utility classes
 *
 * Generated companion file for the SpacingClassBuilder output. Each
 * rule reads its rem value from a `--t3b-space-<step>` CSS custom
 * property — the SpacingAssetsMiddleware emits those properties on
 * every FE page using the site-resolved step values (Spacing.yaml
 * defaults + `t3bcore.spacing.step.<key>.rem` Site-Set overrides).
 *
 * Sides: margin-top/right/bottom/left + padding-top/right/bottom/left
 * Steps: none / xs / s / m / l / xl / xxl
 * Breakpoints: base (xs, mobile-first) + sm / md / lg / xl / xxl
 *
 * Regenerate via Configuration/Yaml/Spacing.yaml + a script in
 * vendor/t3bootstrap/core if the step or breakpoint scale changes.
 */

/* Base step rem values — overridable per site at runtime. The
   SpacingAssetsMiddleware emits the same :root block with the
   live values, but ship a fallback here so editors that load the
   CSS file standalone still get sensible spacing. */
:root {
    --t3b-space-none: 0;
    --t3b-space-xs: 0.25rem;
    --t3b-space-s: 0.5rem;
    --t3b-space-m: 1rem;
    --t3b-space-l: 1.5rem;
    --t3b-space-xl: 3rem;
    --t3b-space-xxl: 6rem;
}

/* Base breakpoint — applies always (mobile-first). */
.t3b-mt-none { margin-top: var(--t3b-space-none); }
    .t3b-mt-xs { margin-top: var(--t3b-space-xs); }
    .t3b-mt-s { margin-top: var(--t3b-space-s); }
    .t3b-mt-m { margin-top: var(--t3b-space-m); }
    .t3b-mt-l { margin-top: var(--t3b-space-l); }
    .t3b-mt-xl { margin-top: var(--t3b-space-xl); }
    .t3b-mt-xxl { margin-top: var(--t3b-space-xxl); }
    .t3b-mr-none { margin-right: var(--t3b-space-none); }
    .t3b-mr-xs { margin-right: var(--t3b-space-xs); }
    .t3b-mr-s { margin-right: var(--t3b-space-s); }
    .t3b-mr-m { margin-right: var(--t3b-space-m); }
    .t3b-mr-l { margin-right: var(--t3b-space-l); }
    .t3b-mr-xl { margin-right: var(--t3b-space-xl); }
    .t3b-mr-xxl { margin-right: var(--t3b-space-xxl); }
    .t3b-mb-none { margin-bottom: var(--t3b-space-none); }
    .t3b-mb-xs { margin-bottom: var(--t3b-space-xs); }
    .t3b-mb-s { margin-bottom: var(--t3b-space-s); }
    .t3b-mb-m { margin-bottom: var(--t3b-space-m); }
    .t3b-mb-l { margin-bottom: var(--t3b-space-l); }
    .t3b-mb-xl { margin-bottom: var(--t3b-space-xl); }
    .t3b-mb-xxl { margin-bottom: var(--t3b-space-xxl); }
    .t3b-ml-none { margin-left: var(--t3b-space-none); }
    .t3b-ml-xs { margin-left: var(--t3b-space-xs); }
    .t3b-ml-s { margin-left: var(--t3b-space-s); }
    .t3b-ml-m { margin-left: var(--t3b-space-m); }
    .t3b-ml-l { margin-left: var(--t3b-space-l); }
    .t3b-ml-xl { margin-left: var(--t3b-space-xl); }
    .t3b-ml-xxl { margin-left: var(--t3b-space-xxl); }
    .t3b-pt-none { padding-top: var(--t3b-space-none); }
    .t3b-pt-xs { padding-top: var(--t3b-space-xs); }
    .t3b-pt-s { padding-top: var(--t3b-space-s); }
    .t3b-pt-m { padding-top: var(--t3b-space-m); }
    .t3b-pt-l { padding-top: var(--t3b-space-l); }
    .t3b-pt-xl { padding-top: var(--t3b-space-xl); }
    .t3b-pt-xxl { padding-top: var(--t3b-space-xxl); }
    .t3b-pr-none { padding-right: var(--t3b-space-none); }
    .t3b-pr-xs { padding-right: var(--t3b-space-xs); }
    .t3b-pr-s { padding-right: var(--t3b-space-s); }
    .t3b-pr-m { padding-right: var(--t3b-space-m); }
    .t3b-pr-l { padding-right: var(--t3b-space-l); }
    .t3b-pr-xl { padding-right: var(--t3b-space-xl); }
    .t3b-pr-xxl { padding-right: var(--t3b-space-xxl); }
    .t3b-pb-none { padding-bottom: var(--t3b-space-none); }
    .t3b-pb-xs { padding-bottom: var(--t3b-space-xs); }
    .t3b-pb-s { padding-bottom: var(--t3b-space-s); }
    .t3b-pb-m { padding-bottom: var(--t3b-space-m); }
    .t3b-pb-l { padding-bottom: var(--t3b-space-l); }
    .t3b-pb-xl { padding-bottom: var(--t3b-space-xl); }
    .t3b-pb-xxl { padding-bottom: var(--t3b-space-xxl); }
    .t3b-pl-none { padding-left: var(--t3b-space-none); }
    .t3b-pl-xs { padding-left: var(--t3b-space-xs); }
    .t3b-pl-s { padding-left: var(--t3b-space-s); }
    .t3b-pl-m { padding-left: var(--t3b-space-m); }
    .t3b-pl-l { padding-left: var(--t3b-space-l); }
    .t3b-pl-xl { padding-left: var(--t3b-space-xl); }
    .t3b-pl-xxl { padding-left: var(--t3b-space-xxl); }

@media (min-width: 576px) {
    .t3b-mt-sm-none { margin-top: var(--t3b-space-none); }
    .t3b-mt-sm-xs { margin-top: var(--t3b-space-xs); }
    .t3b-mt-sm-s { margin-top: var(--t3b-space-s); }
    .t3b-mt-sm-m { margin-top: var(--t3b-space-m); }
    .t3b-mt-sm-l { margin-top: var(--t3b-space-l); }
    .t3b-mt-sm-xl { margin-top: var(--t3b-space-xl); }
    .t3b-mt-sm-xxl { margin-top: var(--t3b-space-xxl); }
    .t3b-mr-sm-none { margin-right: var(--t3b-space-none); }
    .t3b-mr-sm-xs { margin-right: var(--t3b-space-xs); }
    .t3b-mr-sm-s { margin-right: var(--t3b-space-s); }
    .t3b-mr-sm-m { margin-right: var(--t3b-space-m); }
    .t3b-mr-sm-l { margin-right: var(--t3b-space-l); }
    .t3b-mr-sm-xl { margin-right: var(--t3b-space-xl); }
    .t3b-mr-sm-xxl { margin-right: var(--t3b-space-xxl); }
    .t3b-mb-sm-none { margin-bottom: var(--t3b-space-none); }
    .t3b-mb-sm-xs { margin-bottom: var(--t3b-space-xs); }
    .t3b-mb-sm-s { margin-bottom: var(--t3b-space-s); }
    .t3b-mb-sm-m { margin-bottom: var(--t3b-space-m); }
    .t3b-mb-sm-l { margin-bottom: var(--t3b-space-l); }
    .t3b-mb-sm-xl { margin-bottom: var(--t3b-space-xl); }
    .t3b-mb-sm-xxl { margin-bottom: var(--t3b-space-xxl); }
    .t3b-ml-sm-none { margin-left: var(--t3b-space-none); }
    .t3b-ml-sm-xs { margin-left: var(--t3b-space-xs); }
    .t3b-ml-sm-s { margin-left: var(--t3b-space-s); }
    .t3b-ml-sm-m { margin-left: var(--t3b-space-m); }
    .t3b-ml-sm-l { margin-left: var(--t3b-space-l); }
    .t3b-ml-sm-xl { margin-left: var(--t3b-space-xl); }
    .t3b-ml-sm-xxl { margin-left: var(--t3b-space-xxl); }
    .t3b-pt-sm-none { padding-top: var(--t3b-space-none); }
    .t3b-pt-sm-xs { padding-top: var(--t3b-space-xs); }
    .t3b-pt-sm-s { padding-top: var(--t3b-space-s); }
    .t3b-pt-sm-m { padding-top: var(--t3b-space-m); }
    .t3b-pt-sm-l { padding-top: var(--t3b-space-l); }
    .t3b-pt-sm-xl { padding-top: var(--t3b-space-xl); }
    .t3b-pt-sm-xxl { padding-top: var(--t3b-space-xxl); }
    .t3b-pr-sm-none { padding-right: var(--t3b-space-none); }
    .t3b-pr-sm-xs { padding-right: var(--t3b-space-xs); }
    .t3b-pr-sm-s { padding-right: var(--t3b-space-s); }
    .t3b-pr-sm-m { padding-right: var(--t3b-space-m); }
    .t3b-pr-sm-l { padding-right: var(--t3b-space-l); }
    .t3b-pr-sm-xl { padding-right: var(--t3b-space-xl); }
    .t3b-pr-sm-xxl { padding-right: var(--t3b-space-xxl); }
    .t3b-pb-sm-none { padding-bottom: var(--t3b-space-none); }
    .t3b-pb-sm-xs { padding-bottom: var(--t3b-space-xs); }
    .t3b-pb-sm-s { padding-bottom: var(--t3b-space-s); }
    .t3b-pb-sm-m { padding-bottom: var(--t3b-space-m); }
    .t3b-pb-sm-l { padding-bottom: var(--t3b-space-l); }
    .t3b-pb-sm-xl { padding-bottom: var(--t3b-space-xl); }
    .t3b-pb-sm-xxl { padding-bottom: var(--t3b-space-xxl); }
    .t3b-pl-sm-none { padding-left: var(--t3b-space-none); }
    .t3b-pl-sm-xs { padding-left: var(--t3b-space-xs); }
    .t3b-pl-sm-s { padding-left: var(--t3b-space-s); }
    .t3b-pl-sm-m { padding-left: var(--t3b-space-m); }
    .t3b-pl-sm-l { padding-left: var(--t3b-space-l); }
    .t3b-pl-sm-xl { padding-left: var(--t3b-space-xl); }
    .t3b-pl-sm-xxl { padding-left: var(--t3b-space-xxl); }
}

@media (min-width: 768px) {
    .t3b-mt-md-none { margin-top: var(--t3b-space-none); }
    .t3b-mt-md-xs { margin-top: var(--t3b-space-xs); }
    .t3b-mt-md-s { margin-top: var(--t3b-space-s); }
    .t3b-mt-md-m { margin-top: var(--t3b-space-m); }
    .t3b-mt-md-l { margin-top: var(--t3b-space-l); }
    .t3b-mt-md-xl { margin-top: var(--t3b-space-xl); }
    .t3b-mt-md-xxl { margin-top: var(--t3b-space-xxl); }
    .t3b-mr-md-none { margin-right: var(--t3b-space-none); }
    .t3b-mr-md-xs { margin-right: var(--t3b-space-xs); }
    .t3b-mr-md-s { margin-right: var(--t3b-space-s); }
    .t3b-mr-md-m { margin-right: var(--t3b-space-m); }
    .t3b-mr-md-l { margin-right: var(--t3b-space-l); }
    .t3b-mr-md-xl { margin-right: var(--t3b-space-xl); }
    .t3b-mr-md-xxl { margin-right: var(--t3b-space-xxl); }
    .t3b-mb-md-none { margin-bottom: var(--t3b-space-none); }
    .t3b-mb-md-xs { margin-bottom: var(--t3b-space-xs); }
    .t3b-mb-md-s { margin-bottom: var(--t3b-space-s); }
    .t3b-mb-md-m { margin-bottom: var(--t3b-space-m); }
    .t3b-mb-md-l { margin-bottom: var(--t3b-space-l); }
    .t3b-mb-md-xl { margin-bottom: var(--t3b-space-xl); }
    .t3b-mb-md-xxl { margin-bottom: var(--t3b-space-xxl); }
    .t3b-ml-md-none { margin-left: var(--t3b-space-none); }
    .t3b-ml-md-xs { margin-left: var(--t3b-space-xs); }
    .t3b-ml-md-s { margin-left: var(--t3b-space-s); }
    .t3b-ml-md-m { margin-left: var(--t3b-space-m); }
    .t3b-ml-md-l { margin-left: var(--t3b-space-l); }
    .t3b-ml-md-xl { margin-left: var(--t3b-space-xl); }
    .t3b-ml-md-xxl { margin-left: var(--t3b-space-xxl); }
    .t3b-pt-md-none { padding-top: var(--t3b-space-none); }
    .t3b-pt-md-xs { padding-top: var(--t3b-space-xs); }
    .t3b-pt-md-s { padding-top: var(--t3b-space-s); }
    .t3b-pt-md-m { padding-top: var(--t3b-space-m); }
    .t3b-pt-md-l { padding-top: var(--t3b-space-l); }
    .t3b-pt-md-xl { padding-top: var(--t3b-space-xl); }
    .t3b-pt-md-xxl { padding-top: var(--t3b-space-xxl); }
    .t3b-pr-md-none { padding-right: var(--t3b-space-none); }
    .t3b-pr-md-xs { padding-right: var(--t3b-space-xs); }
    .t3b-pr-md-s { padding-right: var(--t3b-space-s); }
    .t3b-pr-md-m { padding-right: var(--t3b-space-m); }
    .t3b-pr-md-l { padding-right: var(--t3b-space-l); }
    .t3b-pr-md-xl { padding-right: var(--t3b-space-xl); }
    .t3b-pr-md-xxl { padding-right: var(--t3b-space-xxl); }
    .t3b-pb-md-none { padding-bottom: var(--t3b-space-none); }
    .t3b-pb-md-xs { padding-bottom: var(--t3b-space-xs); }
    .t3b-pb-md-s { padding-bottom: var(--t3b-space-s); }
    .t3b-pb-md-m { padding-bottom: var(--t3b-space-m); }
    .t3b-pb-md-l { padding-bottom: var(--t3b-space-l); }
    .t3b-pb-md-xl { padding-bottom: var(--t3b-space-xl); }
    .t3b-pb-md-xxl { padding-bottom: var(--t3b-space-xxl); }
    .t3b-pl-md-none { padding-left: var(--t3b-space-none); }
    .t3b-pl-md-xs { padding-left: var(--t3b-space-xs); }
    .t3b-pl-md-s { padding-left: var(--t3b-space-s); }
    .t3b-pl-md-m { padding-left: var(--t3b-space-m); }
    .t3b-pl-md-l { padding-left: var(--t3b-space-l); }
    .t3b-pl-md-xl { padding-left: var(--t3b-space-xl); }
    .t3b-pl-md-xxl { padding-left: var(--t3b-space-xxl); }
}

@media (min-width: 992px) {
    .t3b-mt-lg-none { margin-top: var(--t3b-space-none); }
    .t3b-mt-lg-xs { margin-top: var(--t3b-space-xs); }
    .t3b-mt-lg-s { margin-top: var(--t3b-space-s); }
    .t3b-mt-lg-m { margin-top: var(--t3b-space-m); }
    .t3b-mt-lg-l { margin-top: var(--t3b-space-l); }
    .t3b-mt-lg-xl { margin-top: var(--t3b-space-xl); }
    .t3b-mt-lg-xxl { margin-top: var(--t3b-space-xxl); }
    .t3b-mr-lg-none { margin-right: var(--t3b-space-none); }
    .t3b-mr-lg-xs { margin-right: var(--t3b-space-xs); }
    .t3b-mr-lg-s { margin-right: var(--t3b-space-s); }
    .t3b-mr-lg-m { margin-right: var(--t3b-space-m); }
    .t3b-mr-lg-l { margin-right: var(--t3b-space-l); }
    .t3b-mr-lg-xl { margin-right: var(--t3b-space-xl); }
    .t3b-mr-lg-xxl { margin-right: var(--t3b-space-xxl); }
    .t3b-mb-lg-none { margin-bottom: var(--t3b-space-none); }
    .t3b-mb-lg-xs { margin-bottom: var(--t3b-space-xs); }
    .t3b-mb-lg-s { margin-bottom: var(--t3b-space-s); }
    .t3b-mb-lg-m { margin-bottom: var(--t3b-space-m); }
    .t3b-mb-lg-l { margin-bottom: var(--t3b-space-l); }
    .t3b-mb-lg-xl { margin-bottom: var(--t3b-space-xl); }
    .t3b-mb-lg-xxl { margin-bottom: var(--t3b-space-xxl); }
    .t3b-ml-lg-none { margin-left: var(--t3b-space-none); }
    .t3b-ml-lg-xs { margin-left: var(--t3b-space-xs); }
    .t3b-ml-lg-s { margin-left: var(--t3b-space-s); }
    .t3b-ml-lg-m { margin-left: var(--t3b-space-m); }
    .t3b-ml-lg-l { margin-left: var(--t3b-space-l); }
    .t3b-ml-lg-xl { margin-left: var(--t3b-space-xl); }
    .t3b-ml-lg-xxl { margin-left: var(--t3b-space-xxl); }
    .t3b-pt-lg-none { padding-top: var(--t3b-space-none); }
    .t3b-pt-lg-xs { padding-top: var(--t3b-space-xs); }
    .t3b-pt-lg-s { padding-top: var(--t3b-space-s); }
    .t3b-pt-lg-m { padding-top: var(--t3b-space-m); }
    .t3b-pt-lg-l { padding-top: var(--t3b-space-l); }
    .t3b-pt-lg-xl { padding-top: var(--t3b-space-xl); }
    .t3b-pt-lg-xxl { padding-top: var(--t3b-space-xxl); }
    .t3b-pr-lg-none { padding-right: var(--t3b-space-none); }
    .t3b-pr-lg-xs { padding-right: var(--t3b-space-xs); }
    .t3b-pr-lg-s { padding-right: var(--t3b-space-s); }
    .t3b-pr-lg-m { padding-right: var(--t3b-space-m); }
    .t3b-pr-lg-l { padding-right: var(--t3b-space-l); }
    .t3b-pr-lg-xl { padding-right: var(--t3b-space-xl); }
    .t3b-pr-lg-xxl { padding-right: var(--t3b-space-xxl); }
    .t3b-pb-lg-none { padding-bottom: var(--t3b-space-none); }
    .t3b-pb-lg-xs { padding-bottom: var(--t3b-space-xs); }
    .t3b-pb-lg-s { padding-bottom: var(--t3b-space-s); }
    .t3b-pb-lg-m { padding-bottom: var(--t3b-space-m); }
    .t3b-pb-lg-l { padding-bottom: var(--t3b-space-l); }
    .t3b-pb-lg-xl { padding-bottom: var(--t3b-space-xl); }
    .t3b-pb-lg-xxl { padding-bottom: var(--t3b-space-xxl); }
    .t3b-pl-lg-none { padding-left: var(--t3b-space-none); }
    .t3b-pl-lg-xs { padding-left: var(--t3b-space-xs); }
    .t3b-pl-lg-s { padding-left: var(--t3b-space-s); }
    .t3b-pl-lg-m { padding-left: var(--t3b-space-m); }
    .t3b-pl-lg-l { padding-left: var(--t3b-space-l); }
    .t3b-pl-lg-xl { padding-left: var(--t3b-space-xl); }
    .t3b-pl-lg-xxl { padding-left: var(--t3b-space-xxl); }
}

@media (min-width: 1200px) {
    .t3b-mt-xl-none { margin-top: var(--t3b-space-none); }
    .t3b-mt-xl-xs { margin-top: var(--t3b-space-xs); }
    .t3b-mt-xl-s { margin-top: var(--t3b-space-s); }
    .t3b-mt-xl-m { margin-top: var(--t3b-space-m); }
    .t3b-mt-xl-l { margin-top: var(--t3b-space-l); }
    .t3b-mt-xl-xl { margin-top: var(--t3b-space-xl); }
    .t3b-mt-xl-xxl { margin-top: var(--t3b-space-xxl); }
    .t3b-mr-xl-none { margin-right: var(--t3b-space-none); }
    .t3b-mr-xl-xs { margin-right: var(--t3b-space-xs); }
    .t3b-mr-xl-s { margin-right: var(--t3b-space-s); }
    .t3b-mr-xl-m { margin-right: var(--t3b-space-m); }
    .t3b-mr-xl-l { margin-right: var(--t3b-space-l); }
    .t3b-mr-xl-xl { margin-right: var(--t3b-space-xl); }
    .t3b-mr-xl-xxl { margin-right: var(--t3b-space-xxl); }
    .t3b-mb-xl-none { margin-bottom: var(--t3b-space-none); }
    .t3b-mb-xl-xs { margin-bottom: var(--t3b-space-xs); }
    .t3b-mb-xl-s { margin-bottom: var(--t3b-space-s); }
    .t3b-mb-xl-m { margin-bottom: var(--t3b-space-m); }
    .t3b-mb-xl-l { margin-bottom: var(--t3b-space-l); }
    .t3b-mb-xl-xl { margin-bottom: var(--t3b-space-xl); }
    .t3b-mb-xl-xxl { margin-bottom: var(--t3b-space-xxl); }
    .t3b-ml-xl-none { margin-left: var(--t3b-space-none); }
    .t3b-ml-xl-xs { margin-left: var(--t3b-space-xs); }
    .t3b-ml-xl-s { margin-left: var(--t3b-space-s); }
    .t3b-ml-xl-m { margin-left: var(--t3b-space-m); }
    .t3b-ml-xl-l { margin-left: var(--t3b-space-l); }
    .t3b-ml-xl-xl { margin-left: var(--t3b-space-xl); }
    .t3b-ml-xl-xxl { margin-left: var(--t3b-space-xxl); }
    .t3b-pt-xl-none { padding-top: var(--t3b-space-none); }
    .t3b-pt-xl-xs { padding-top: var(--t3b-space-xs); }
    .t3b-pt-xl-s { padding-top: var(--t3b-space-s); }
    .t3b-pt-xl-m { padding-top: var(--t3b-space-m); }
    .t3b-pt-xl-l { padding-top: var(--t3b-space-l); }
    .t3b-pt-xl-xl { padding-top: var(--t3b-space-xl); }
    .t3b-pt-xl-xxl { padding-top: var(--t3b-space-xxl); }
    .t3b-pr-xl-none { padding-right: var(--t3b-space-none); }
    .t3b-pr-xl-xs { padding-right: var(--t3b-space-xs); }
    .t3b-pr-xl-s { padding-right: var(--t3b-space-s); }
    .t3b-pr-xl-m { padding-right: var(--t3b-space-m); }
    .t3b-pr-xl-l { padding-right: var(--t3b-space-l); }
    .t3b-pr-xl-xl { padding-right: var(--t3b-space-xl); }
    .t3b-pr-xl-xxl { padding-right: var(--t3b-space-xxl); }
    .t3b-pb-xl-none { padding-bottom: var(--t3b-space-none); }
    .t3b-pb-xl-xs { padding-bottom: var(--t3b-space-xs); }
    .t3b-pb-xl-s { padding-bottom: var(--t3b-space-s); }
    .t3b-pb-xl-m { padding-bottom: var(--t3b-space-m); }
    .t3b-pb-xl-l { padding-bottom: var(--t3b-space-l); }
    .t3b-pb-xl-xl { padding-bottom: var(--t3b-space-xl); }
    .t3b-pb-xl-xxl { padding-bottom: var(--t3b-space-xxl); }
    .t3b-pl-xl-none { padding-left: var(--t3b-space-none); }
    .t3b-pl-xl-xs { padding-left: var(--t3b-space-xs); }
    .t3b-pl-xl-s { padding-left: var(--t3b-space-s); }
    .t3b-pl-xl-m { padding-left: var(--t3b-space-m); }
    .t3b-pl-xl-l { padding-left: var(--t3b-space-l); }
    .t3b-pl-xl-xl { padding-left: var(--t3b-space-xl); }
    .t3b-pl-xl-xxl { padding-left: var(--t3b-space-xxl); }
}

@media (min-width: 1400px) {
    .t3b-mt-xxl-none { margin-top: var(--t3b-space-none); }
    .t3b-mt-xxl-xs { margin-top: var(--t3b-space-xs); }
    .t3b-mt-xxl-s { margin-top: var(--t3b-space-s); }
    .t3b-mt-xxl-m { margin-top: var(--t3b-space-m); }
    .t3b-mt-xxl-l { margin-top: var(--t3b-space-l); }
    .t3b-mt-xxl-xl { margin-top: var(--t3b-space-xl); }
    .t3b-mt-xxl-xxl { margin-top: var(--t3b-space-xxl); }
    .t3b-mr-xxl-none { margin-right: var(--t3b-space-none); }
    .t3b-mr-xxl-xs { margin-right: var(--t3b-space-xs); }
    .t3b-mr-xxl-s { margin-right: var(--t3b-space-s); }
    .t3b-mr-xxl-m { margin-right: var(--t3b-space-m); }
    .t3b-mr-xxl-l { margin-right: var(--t3b-space-l); }
    .t3b-mr-xxl-xl { margin-right: var(--t3b-space-xl); }
    .t3b-mr-xxl-xxl { margin-right: var(--t3b-space-xxl); }
    .t3b-mb-xxl-none { margin-bottom: var(--t3b-space-none); }
    .t3b-mb-xxl-xs { margin-bottom: var(--t3b-space-xs); }
    .t3b-mb-xxl-s { margin-bottom: var(--t3b-space-s); }
    .t3b-mb-xxl-m { margin-bottom: var(--t3b-space-m); }
    .t3b-mb-xxl-l { margin-bottom: var(--t3b-space-l); }
    .t3b-mb-xxl-xl { margin-bottom: var(--t3b-space-xl); }
    .t3b-mb-xxl-xxl { margin-bottom: var(--t3b-space-xxl); }
    .t3b-ml-xxl-none { margin-left: var(--t3b-space-none); }
    .t3b-ml-xxl-xs { margin-left: var(--t3b-space-xs); }
    .t3b-ml-xxl-s { margin-left: var(--t3b-space-s); }
    .t3b-ml-xxl-m { margin-left: var(--t3b-space-m); }
    .t3b-ml-xxl-l { margin-left: var(--t3b-space-l); }
    .t3b-ml-xxl-xl { margin-left: var(--t3b-space-xl); }
    .t3b-ml-xxl-xxl { margin-left: var(--t3b-space-xxl); }
    .t3b-pt-xxl-none { padding-top: var(--t3b-space-none); }
    .t3b-pt-xxl-xs { padding-top: var(--t3b-space-xs); }
    .t3b-pt-xxl-s { padding-top: var(--t3b-space-s); }
    .t3b-pt-xxl-m { padding-top: var(--t3b-space-m); }
    .t3b-pt-xxl-l { padding-top: var(--t3b-space-l); }
    .t3b-pt-xxl-xl { padding-top: var(--t3b-space-xl); }
    .t3b-pt-xxl-xxl { padding-top: var(--t3b-space-xxl); }
    .t3b-pr-xxl-none { padding-right: var(--t3b-space-none); }
    .t3b-pr-xxl-xs { padding-right: var(--t3b-space-xs); }
    .t3b-pr-xxl-s { padding-right: var(--t3b-space-s); }
    .t3b-pr-xxl-m { padding-right: var(--t3b-space-m); }
    .t3b-pr-xxl-l { padding-right: var(--t3b-space-l); }
    .t3b-pr-xxl-xl { padding-right: var(--t3b-space-xl); }
    .t3b-pr-xxl-xxl { padding-right: var(--t3b-space-xxl); }
    .t3b-pb-xxl-none { padding-bottom: var(--t3b-space-none); }
    .t3b-pb-xxl-xs { padding-bottom: var(--t3b-space-xs); }
    .t3b-pb-xxl-s { padding-bottom: var(--t3b-space-s); }
    .t3b-pb-xxl-m { padding-bottom: var(--t3b-space-m); }
    .t3b-pb-xxl-l { padding-bottom: var(--t3b-space-l); }
    .t3b-pb-xxl-xl { padding-bottom: var(--t3b-space-xl); }
    .t3b-pb-xxl-xxl { padding-bottom: var(--t3b-space-xxl); }
    .t3b-pl-xxl-none { padding-left: var(--t3b-space-none); }
    .t3b-pl-xxl-xs { padding-left: var(--t3b-space-xs); }
    .t3b-pl-xxl-s { padding-left: var(--t3b-space-s); }
    .t3b-pl-xxl-m { padding-left: var(--t3b-space-m); }
    .t3b-pl-xxl-l { padding-left: var(--t3b-space-l); }
    .t3b-pl-xxl-xl { padding-left: var(--t3b-space-xl); }
    .t3b-pl-xxl-xxl { padding-left: var(--t3b-space-xxl); }
}


/* ---- Alignment helper for siblings of the column's first CE ----
 *
 * Opt-in: add `.t3b-align-first` to any element that should start at the
 * same vertical offset as the first content element of the configured
 * column (default colPos=0). The values are emitted per request by the
 * FirstContentSpacingProcessor as `--t3b-align-first-pt` / `-mt` on
 * :root, including per-breakpoint media queries.
 *
 * Falls back to 0 when the processor isn't wired in or no first CE was
 * found — never produces a layout jump.
 */
.t3b-align-first {
    padding-top: var(--t3b-align-first-pt, 0);
    margin-top: var(--t3b-align-first-mt, 0);
}