.dttt-stack { display: flex; flex-direction: column; gap: var(--dttt-stack-gap, var(--dttt-space-4)); }
.dttt-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dttt-cluster-gap, var(--dttt-space-3)); }
.dttt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dttt-grid-min, 240px)), 1fr)); gap: var(--dttt-grid-gap, var(--dttt-space-4)); }
.dttt-reader { width: min(var(--dttt-reader-max), 100%); margin-inline: auto; }
.dttt-truncate { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dttt-line-clamp-2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dttt-line-clamp-3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.dttt-scroll-x { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.dttt-surface { color: var(--dttt-color-ink); background: var(--dttt-color-surface); border: 1px solid var(--dttt-color-border); border-radius: var(--dttt-radius-card); }
.dttt-muted { color: var(--dttt-color-muted); }
.dttt-is-hidden { display: none; }