/* Retry-storm explorer (assets/retries.js). Colours come from theme tokens only. */
.hd-ctrl { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-bottom: .6rem; font: .85rem var(--font-ui); }
.hd-lab { color: var(--muted); margin-right: .2rem; }
.hd-ctrl button { font: 13.5px var(--font-mono); padding: .3rem .65rem; cursor: pointer; background: var(--bg); color: var(--fg); border: 1px solid var(--rule); border-radius: var(--radius-sm); }
.hd-ctrl button.on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); font-weight: 700; }
.dg .hd-grid { stroke: var(--rule); stroke-width: 1; }
.dg .hd-ax { fill: var(--muted); font-size: 11px; }
.dg .hd-bar { fill: var(--muted); opacity: .55; }
.dg .hd-bar.over { fill: var(--bad); opacity: .75; }
.dg .hd-cap { stroke: var(--accent); stroke-width: 2; stroke-dasharray: 6 4; }
.dg .hd-capl { fill: var(--fg); font-size: 11px; font-weight: 700; }
.hd-read { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; font: .9rem var(--font-ui); color: var(--muted); margin-top: .4rem; }
.hd-read b { color: var(--fg); font-size: 1.05rem; }
.hd-read b.hd-bad { color: var(--bad); } .hd-read b.hd-ok { color: var(--ok); }
.hd-note { color: var(--muted); font-size: .8rem; margin: .5rem 0 0; font-family: var(--font-ui); }
/* layer amplification diagram */
.dg .amp-n { font: 700 18px var(--font-mono); fill: var(--fg); }
.dg .amp-hot { font: 700 22px var(--font-mono); fill: var(--bad); }