/* Evidence labels: every number says what kind of evidence it is.
   Measured = real users or data · Modelled = an estimate from a model · Observed = seen in the field, not counted · Concept = a property of the design itself */
.ev{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:3px 9px 3px 7px;border-radius:99px;font:600 10.5px/1.2 "General Sans",system-ui,sans-serif;letter-spacing:.02em;font-style:normal;white-space:nowrap;border:1px solid transparent}
.ev::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.ev-m{background:#E3F5E1;color:#1E6B2A;border-color:#BFE3BA}
.ev-mo{background:#E1EEFB;color:#1B5A9C;border-color:#BBD6F2}
.ev-o{background:#FFF1D6;color:#7A4E00;border-color:#F2D9A6}
.ev-c{background:#EFE8FB;color:#5B3A99;border-color:#D8C8F2}
.ev-m::before{animation:ev-pulse 2.4s ease-in-out infinite}
@keyframes ev-pulse{50%{box-shadow:0 0 0 4px currentColor;opacity:.45}}
@media (prefers-reduced-motion:reduce){.ev::before{animation:none}}
.results .ev{margin-top:6px}
.ev-legend{max-width:1180px;margin:10px auto 0;padding:0 20px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font:500 12.5px/1.5 "General Sans",system-ui,sans-serif;color:#5f5a53}
.ev-legend>span{display:inline-flex;align-items:center;gap:6px}
/* TL;DR: the whole case in four lines */
.tldr{max-width:1180px;margin:22px auto 4px;padding:18px 22px;border:1px solid #2020201a;border-left:4px solid #FFD60A;border-radius:14px;background:#FFFDF2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 0}
.tldr h2{grid-column:1/-1;margin:0 0 6px;font:700 11px/1.4 "General Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5f5a53}
.tldr dl{display:contents}
.tldr dt{font:600 13.5px/1.55 "General Sans",system-ui,sans-serif;color:#1d1b19;padding:5px 18px 5px 0;white-space:nowrap}
.tldr dd{margin:0;font:500 14.5px/1.55 "General Sans",system-ui,sans-serif;color:#3d3a36;padding:5px 0}
.tldr dd .ev{margin-right:6px;vertical-align:1px}
@media (max-width:640px){.tldr{grid-template-columns:minmax(0,1fr);padding:16px}.tldr dt{padding-bottom:0}.tldr dd{padding-top:2px;padding-bottom:8px}}
/* evidence pill on project cards */
.project-tags .ev{align-self:center}