/* Sources · the lifted passage and the page preview (CIT P1; docs/brand-kit.md).
   New Sources rules live here, on the kit's console.css tokens, never a literal
   colour. The page's own text is set in the body face at the row size; a passage
   the engine gave is marked with the owned coral as an edge, never a fill, and a
   sentence Praised matched on the page takes a dashed edge instead: two kinds of
   evidence, two marks, and a word for each in the tip. */

.cit-passes { display: grid; gap: var(--sp-6); }
.cit-pass { display: grid; gap: 4px; }
.cit-q {
  margin: 0;
  padding: 0 0 0 10px;
  border-left: 2px solid var(--line-hover);
  color: var(--body);
  font-size: var(--text-sm);
  line-height: 1.5;
}
.cit-pass[data-kind="given"] .cit-q { border-left-color: var(--accent); }
.cit-meta {
  font-family: var(--mono);
  font-size: var(--text-xs);
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.cit-none { color: var(--faint); }
.cit-more > summary {
  cursor: pointer;
  margin: 4px 0;
  font-size: var(--text-xs);
  color: var(--muted);
}
.cit-more[open] { display: grid; gap: var(--sp-6); }

.cit-page {
  max-height: 280px;
  overflow: auto;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--surface);
  color: var(--body);
  font-size: var(--text-sm);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.cit-whole { max-height: 420px; white-space: pre-wrap; }
.cit-ex { margin: 0 0 var(--sp-4); }
.cit-ex:last-child { margin-bottom: 0; }
.cit-mk {
  position: relative;
  padding: 0 1px;
  background: var(--accent-soft);
  color: var(--ink);
  border-bottom: 2px solid var(--accent);
  cursor: default;
}
.cit-mk[data-kind="found_on_page"] { background: transparent; border-bottom-style: dashed; }
.cit-mk:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.cit-gone { display: grid; gap: 4px; margin-top: var(--sp-6); }
.cit-q-gone { color: var(--muted); }
.cit-toggle { margin-top: var(--sp-4); }

/* The page check (CIT P2): a person's two marks under the check's facts, the drawer's
   own door style, side by side. */
.cit-marks { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-top: var(--sp-4); }

/* The gap list (CIT P4 (b)): a competitor's and an engine's own pages, beneath Opportunities at
   the rows' inset; a gap host's pages in its drawer, one after another. */
.imp-gap-group { padding: var(--sp-6) var(--sp-7) var(--sp-4); border-top: 1px solid var(--line-light); }
.imp-gap-page + .imp-gap-page { margin-top: var(--sp-6); }

@media (prefers-reduced-motion: reduce) {
  .cit-page { scroll-behavior: auto; }
}