/* CONNECTED EVIDENCE: the shared kit.

   The returning picture and the movement component. Everything here reuses
   tokens already declared in academy.css rather than minting values, because a
   seventh Academy inventing its own scale makes the design the thing a reader
   remembers instead of the curriculum. */

.ev-track { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin:10px 0 2px }
.ev-m { display:flex; flex-direction:column; gap:4px; text-align:left; padding:9px 10px;
  background:var(--panel); border:1px solid var(--line); border-radius:8px; cursor:pointer;
  color:inherit; font:inherit; transition:border-color .15s,background .15s }
.ev-m:hover { border-color:var(--st,var(--acad-ev)) }
.ev-m.sel { border-color:var(--st,var(--acad-ev)); background:var(--panel2,var(--panel));
  box-shadow:inset 0 0 0 1px var(--st,var(--acad-ev)) }
.ev-m.off { opacity:.42; cursor:default }
.ev-m b { font-size:12.5px; line-height:1.25 }
.ev-m .ev-runs { font-size:11px; color:var(--dim); line-height:1.35 }
.ev-m .ev-kind { font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--floor) }
.ev-detail { margin-top:10px; min-height:44px }
.ev-d { margin:0 0 8px; font-size:13px; line-height:1.55 }
.ev-prompt { margin:0; font-size:12px; color:var(--dim) }
.ev-dl { display:grid; grid-template-columns:auto 1fr; gap:4px 14px; margin:0; font-size:12px }
.ev-dl dt { color:var(--floor); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase;
  padding-top:2px }
.ev-dl dd { margin:0; line-height:1.5 }

/* The movement component. Two numbers pulling against each other, and no score. */
.ev-q { display:flex; flex-wrap:wrap; gap:6px; align-items:stretch; margin:8px 0 }
.ev-qlab { width:100%; margin:0 0 2px; font-size:10.5px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--floor) }
.ev-l { display:flex; flex-direction:column; gap:3px; text-align:left; flex:1 1 30%; min-width:150px }
.ev-l b { font-size:12px }
.ev-l span { font-size:11px; color:var(--dim); line-height:1.35; font-weight:400 }
.ev-t { width:100%; border-collapse:collapse; font-size:12px; margin:8px 0 }
.ev-t th { text-align:left; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
  color:var(--floor); font-weight:600; padding:4px 8px 4px 0; border-bottom:1px solid var(--line) }
.ev-t td { padding:5px 8px 5px 0; border-bottom:1px solid var(--line) }
.ev-verdict { margin:8px 0 0; font-size:12.5px; line-height:1.55 }

@media (max-width:760px) {
  .ev-track { grid-template-columns:repeat(2,1fr) }
  .ev-l { flex:1 1 100% }
}