Tightdata-layout="tight"
Balanceddata-layout="balanced"
Opendata-layout="open"
relatedparts of one thing
4px
8px
8px
groupmembers of a set
8px
16px
24px
blockone unit from the next
16px
32px
56px
sectiona theme from the next
24px
64px
112px

Each row is one layer of --dt-layout-stack-*, drawn at its real distance. Tight pulls the layers toward each other for a technical screen. Open keeps what is related close and moves the rest apart, so the room reads as deliberate. --dt-layout-inline-* does the same across a row.