.dui-chart { margin:0; padding:0 1.5rem 1rem; }
.dui-chart-plot { display:flex; gap:clamp(.5rem,2vw,1.4rem); height:180px; border-bottom:1px solid var(--dui-line); background:repeating-linear-gradient(to top,transparent,transparent 44px,var(--dui-line) 45px,transparent 46px); }
.dui-chart-column { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; flex:1; position:relative; padding-bottom:1.6rem; min-width:0; }
.dui-chart-bar { width:min(100%,40px); height:calc(var(--dui-bar) * .73); min-height:3px; background:var(--dui-accent); opacity:.8; border-radius:4px 4px 0 0; }
.dui-chart-column:nth-child(6) .dui-chart-bar { background:var(--dui-marker); opacity:1; }
.dui-chart-value { font: .62rem var(--dui-mono); color:var(--dui-muted); margin-bottom:.35rem; }
.dui-chart-label { position:absolute; bottom:.2rem; font-size:.68rem; color:var(--dui-muted); }
.dui-chart figcaption { color:var(--dui-muted); font-size:.65rem; padding-top:.6rem; }