/* Lens tint study: page styles on top of the shared Clay & Cortex chrome
   (theme.css, a byte-identical copy of site/public/css/theme.css). Only what
   this app alone needs lives here. The experiment itself uses style.css. */

td.lens { min-width: 14rem; }
td.lens .tag { margin-left: .3rem; }
.tag { display: inline-block; padding: .05rem .45rem; border-radius: 10px; font-size: .74rem; background: #e8edf1; color: #2f5d7c; white-space: nowrap; }
.tag.idealised { background: #f1efe6; color: #6b5d2a; }
.tag.catalogue-vlt-only { background: #e8edf1; color: #2f5d7c; }
.tag.digitised-from-chart { background: #e9eef5; color: #3a4f8a; }
.tag.measured { background: #e3f1e6; color: #1a6b2a; }
.swatch { display: inline-block; width: 1.15em; height: 1.15em; border-radius: 3px; vertical-align: -3px; margin-right: .45em; border: 1px solid rgba(0,0,0,.18); }
.bar { display: inline-block; height: .7em; background: var(--accent); border-radius: 2px; vertical-align: middle; }
.bar.neg { background: #8a949d; }
.best { font-weight: 600; }
.pos { color: var(--accent-ink); font-weight: 600; }
.refs { font-size: .92rem; }
.refs li { margin-bottom: .35rem; }
.refs ol { padding-left: 1.4rem; }