/* cat-test: the dark band carries the drawn test chain. proto.css only
   re-colours .box, .line and .muted for dark bands, so the Probing parts,
   dots, arrowheads, leaders and the caption get their dark versions here. */
.ct-chain .sec-head p, .ct-chain .dia figcaption { color: var(--dark-muted); }
.ct-chain .dia figcaption a { color: var(--sky); }
.ct-chain .dia .box-ours { fill: var(--blue); fill-opacity: .55; stroke: var(--sky); }
.ct-chain .dia .fill-ours { fill: var(--sky); }
.ct-chain .dia .accent { stroke: var(--sky); }
.ct-chain .dia .soft { stroke: var(--dark-muted); }
.ct-chain .dia .box { fill: var(--panel); stroke: var(--dark-muted); }
/* phone: the 960-wide chain scrolls sideways inside .dia-scroll, so say so */
.ct-chain .ct-swipe { display: none; }
@media (max-width: 700px) { .ct-chain .ct-swipe { display: inline; } }
.pdp-copy .ct-cond { margin-top: -8px; font-size: 14px; color: var(--muted); }
.ct-chain.band { padding-block: clamp(56px, 7vw, 88px); }
@media (max-width: 700px) { .ct-chain .dia-scroll svg { min-width: 720px; } }