/* ─────────────────────────────────────────────
 * STACK
 * ───────────────────────────────────────────── */

/* ─────────────────────────────────────────────
 * Full-height flex column
 * ───────────────────────────────────────────── */
.pb-stack {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* ─────────────────────────────────────────────
 * va-* on a stack wrapper is a grid item.
 * The global va-* rules use margin-block: auto
 * which collapses the item instead of stretching.
 * Reset here so the grid item always stretches;
 * alignment is handled internally via justify-content.
 * ───────────────────────────────────────────── */
.mod.type-stack.va-t,
.mod.type-stack.va-m,
.mod.type-stack.va-b {
	margin-block: 0;
}

.mod.type-stack.va-t .pb-stack { justify-content: flex-start; }
.mod.type-stack.va-m .pb-stack { justify-content: center; }
.mod.type-stack.va-b .pb-stack { justify-content: flex-end; }