/* A consistent drawing frame and an explicit view type avoid ambiguous perspective. */
.motion-main .visual-view-note{margin:12px 0 18px;padding:8px 12px;border-left:3px solid #34765e;background:var(--cl-soft);color:var(--cl-ink);font-size:14px;line-height:1.65}
.visualization-directory .growth-card{padding:22px;gap:14px}
.visualization-directory .visual-thumbnail{margin:0 0 14px!important;padding:10px;background:#f3f7f5;border:1px solid #d2ded7;border-radius:8px;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.visualization-directory .visual-thumbnail svg{display:block;width:100%;height:100%;object-fit:contain;color:#254b3f}
.visualization-directory .visual-card-view{display:block;font-size:12px;color:var(--cl-muted);line-height:1.5;margin:0 0 10px}
html[data-color-mode=dark] .visual-thumbnail{background:#1a3029}

.visualization-directory .visual-tool-tabs{display:flex;flex-wrap:wrap;gap:8px;height:auto;overflow:visible;margin:18px 0 24px}.visualization-directory .visual-tool-tabs a{display:inline-flex}.visualization-directory .growth-hub>.visualization-inline-ad{grid-column:1/-1}