#ssVerHist{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
/* the two headings of this modal are now identical in weight */
#ssVerHist h4{margin:0;color:var(--brass);font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.ssVerHd{display:flex;align-items:center;gap:8px;margin:0 0 10px}
#ssSnapModal .ssVerHd h3,#ssVerHist .ssVerHd h4{margin:0}
.ssVhItem{padding:9px 0;border-bottom:1px solid var(--line)}
.ssVhItem:last-child{border-bottom:none}
.ssVhTop{display:flex;align-items:center;gap:7px}
.ssVhDot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.35)}
.ssVhTitle{font-size:12.5px;color:var(--text);font-weight:600}
.ssVhMeta{font-size:10px;color:var(--ink-soft);margin-top:3px}
.ssVhBtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.ssVhBtns .iconbtn{flex:1 1 auto;min-width:74px;font-size:11px}
.ssVhEmpty{font-size:11.5px;color:var(--ink-soft);padding:4px 0}
.ssSnapBtns{flex-wrap:wrap}
.ssSnapBtns .iconbtn{flex:1 1 auto;min-width:74px}

/* the (i) panel shared by the two headings above */
#ssVerInfoBox .ssInfoRow{margin-bottom:14px}
#ssVerInfoBox .ssInfoRow:last-of-type{margin-bottom:0}
#ssVerInfoBox .ssInfoRow b{display:block;font-size:12.5px;color:var(--brass);font-weight:600;letter-spacing:.02em}
#ssVerInfoBox .ssScNote{margin:4px 0 0;font-size:11.5px;color:var(--ink-soft);line-height:1.5}