/* The lens's marks for linked names (incident.entities@web-summit.dinis). Tokens only (design/README.md rule 7).
   The switches are incident.designer@'s (the panel sets lens-entity, lens-out, lens-fact, lens-evidence, lens-hypothesis on <html>;
   app/site.css colours facts, evidence, hypotheses and outside links). Here: how a linked name looks with the lens off (quiet: the
   text stays the text) and, with lens-entity on, which type of node it is (a tint and a line style, never colour alone). */
a.ent { color: inherit; text-decoration: underline dotted; text-decoration-color: var(--line-2); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a.ent:hover, a.ent:focus-visible { color: var(--focus); text-decoration-style: solid; text-decoration-color: var(--focus); }
h1 a.ent, h2 a.ent, .banner a.ent { text-decoration-thickness: 2px; }
.lens-entity a.ent { background: color-mix(in srgb, var(--focus) 10%, transparent); border-radius: 2px; }
.lens-entity a.ent-term { background: color-mix(in srgb, var(--ink-2) 14%, transparent); text-decoration-style: dashed; }
.lens-entity a.ent-day, .lens-entity a.ent-programme-day { background: color-mix(in srgb, var(--sent) 14%, transparent); text-decoration-style: double; }
.lens-entity a.ent-decision, .lens-entity a.ent-warning { background: color-mix(in srgb, var(--ink) 9%, transparent); text-decoration-style: solid; }
a.out[data-out]::before { content: "our capture \00B7  "; font-size: .78em; color: var(--ink-2); }
.lens-item .lens-type { font: 600 11px/1 var(--sans); text-transform: uppercase; letter-spacing: .06em; color: var(--ink-2); }
.lens-item ul { padding-left: 18px; margin: 6px 0; }
.lens-item li { font: 13.5px/1.45 var(--sans); margin: 5px 0; }
.lens-item .says { color: var(--ink-2); display: block; }
.lens-count { font: 13px/1.5 var(--sans); color: var(--ink-2); margin: 6px 0 0; }