/* CONNECTED EVIDENCE, chapter 0. What people mean when they say measurement. */

/* One week, five numbers. The bars are the argument, so they carry the weight. */
.ev-w-opts { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 }
.ev-w-o.on { border-color:var(--st,var(--acad-ev)); color:var(--ink) }
.ev-w-bars { margin:10px 0 }
.ev-w-row { display:grid; grid-template-columns:130px 1fr 46px; align-items:center; gap:8px;
  margin:0 0 5px }
.ev-w-lab { font-size:11.5px; color:var(--dim) }
.ev-w-bar { display:block; height:16px; border-radius:3px;
  background:linear-gradient(90deg,var(--acad-ev),var(--st,var(--acad-ev)));
  min-width:2px; transition:width .25s }
.ev-w-v { font-size:12px; text-align:right; font-variant-numeric:tabular-nums }
.ev-w-says { margin:6px 0 4px; font-size:13px; line-height:1.55 }
.ev-w-why { margin:0 0 6px; font-size:12px; line-height:1.5; color:var(--dim) }
.ev-w-why span { display:block; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
  color:var(--floor) }

/* A week in the life. Five days, five chairs. */
.ev-d-days { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin:8px 0 }
.ev-d-day { display:flex; flex-direction:column; gap:3px; text-align:left; padding:8px 9px;
  background:var(--panel); border:1px solid var(--line); border-radius:8px; cursor:pointer;
  color:inherit; font:inherit }
.ev-d-day:hover { border-color:var(--st,var(--acad-ev)) }
.ev-d-day.sel { border-color:var(--st,var(--acad-ev));
  box-shadow:inset 0 0 0 1px var(--st,var(--acad-ev)) }
.ev-d-day b { font-size:12px }
.ev-d-day span { font-size:10.5px; color:var(--dim); line-height:1.3 }
.ev-d-what { margin:8px 0 6px; font-size:13px; line-height:1.55 }
.ev-d-to { margin:0; font-size:12px; line-height:1.5; color:var(--dim) }
.ev-d-to span { display:block; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
  color:var(--floor) }

@media (max-width:760px) {
  .ev-d-days { grid-template-columns:repeat(2,1fr) }
  .ev-w-row { grid-template-columns:96px 1fr 40px }
}