/* Evidence and status: the last live check with its time, every served evidence folder with its date, one line and
   its files, and the evidence kept only in the source download. The site's tokens, so both modes follow site.css. */

.ev-head { padding-block: var(--space-8) var(--space-6); }
.ev-head .lead { max-width: 46rem; }

.how-toc { margin-top: var(--space-5); }
.how-toc ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.how-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 var(--space-4);
  border-radius: 999px;
  border: 1px solid var(--color-rule);
  background: var(--color-paper-2);
  color: var(--color-ink);
  font-size: var(--text-small);
  font-weight: 500;
  text-decoration: none;
}
.how-toc a:hover { border-color: var(--color-ink-2); }

.ev-body { display: grid; gap: var(--space-8); padding-bottom: var(--space-9); }
.ev-part { display: grid; gap: var(--space-4); }
.ev-part h2 { font-size: var(--text-section); line-height: 1.05; letter-spacing: -0.02em; }
.ev-lead { max-width: 62ch; font-size: var(--text-lead); line-height: 1.45; color: var(--color-ink-2); }

/* The last check */
.ev-live { padding: var(--space-6); border-radius: var(--radius-3); border: 1px solid var(--color-rule); background: var(--color-paper-2); }
.ev-checked { font-weight: 600; }
.ev-checks { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.ev-check {
  display: grid;
  gap: 0.2rem;
  align-content: start;
  min-width: 0;
  padding: var(--space-4);
  border-radius: var(--radius-2);
  border: 1px solid var(--color-rule);
  border-left: 4px solid var(--color-needed);
  background: var(--color-paper);
}
.ev-check.ev-ok { border-left-color: var(--color-real); }
.ev-check-name { font-weight: 600; }
.ev-check-url code { font-size: 0.8125rem; overflow-wrap: anywhere; }
.ev-check-answer { font-size: var(--text-small); }
.ev-check-answer strong { font-family: var(--font-mono); font-size: 0.8125rem; }
.ev-check-note { font-size: var(--text-small); color: var(--color-ink-2); }
.ev-check-saved { font-size: var(--text-small); }

/* Served folders */
.ev-folders { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.ev-folder {
  display: grid;
  gap: var(--space-2);
  align-content: start;
  min-width: 0;
  padding: var(--space-5);
  border-radius: var(--radius-2);
  border: 1px solid var(--color-rule);
  background: var(--color-paper-2);
}
.ev-folder h3 { font-size: var(--text-title); line-height: 1.2; }
.ev-date { font-size: var(--text-small); color: var(--color-muted); overflow-wrap: anywhere; }
.ev-date code { font-size: 0.8125rem; }
.ev-line { color: var(--color-ink-2); line-height: 1.55; text-wrap: pretty; }
.ev-files-wrap { display: grid; gap: var(--space-2); margin-top: var(--space-2); }
.ev-files-label { font-size: var(--text-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-muted); }
.ev-files { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); font-size: var(--text-small); }
.ev-files li { min-width: 0; overflow-wrap: anywhere; }
.ev-size { color: var(--color-muted); font-size: var(--text-micro); white-space: nowrap; }
.ev-group summary { cursor: pointer; list-style: none; font-size: var(--text-small); min-height: 32px; display: flex; align-items: center; gap: var(--space-1); }
.ev-group summary::-webkit-details-marker { display: none; }
.ev-group summary .chevron { flex: none; transform: rotate(-90deg); transition: transform 120ms ease-out; }
.ev-group[open] summary .chevron { transform: none; }
.ev-group summary code { font-size: 0.8125rem; }
.ev-group .ev-files { padding: var(--space-2) 0 var(--space-2) var(--space-4); }
.ev-also { margin-top: var(--space-1); }

/* In the source download */
.ev-source { list-style: none; padding: 0; display: grid; }
.ev-source li {
  display: grid;
  grid-template-columns: 9rem minmax(0, 23rem) minmax(0, 1fr);
  gap: var(--space-1) var(--space-4);
  padding-block: var(--space-3);
  border-top: 1px solid var(--color-rule);
}
.ev-source li:last-child { border-bottom: 1px solid var(--color-rule); }
.ev-source code { font-size: 0.8125rem; overflow-wrap: anywhere; }

@media (prefers-reduced-motion: reduce) {
  .ev-group summary .chevron { transition: none; }
}

@media (max-width: 64rem) {
  .ev-folders,
  .ev-checks { grid-template-columns: minmax(0, 1fr); }
  .ev-source li { grid-template-columns: minmax(0, 1fr); }
  .ev-live { padding: var(--space-4); }
}