/* ---------------------------------------------------------------------------
 * CFI.co: CFI.co and AI Answers, evidence for evaluators.
 * Component styles for the evaluator evidence page.
 *
 * Built from /ai-citations/style.css so the two pages read as one estate.
 * Same rules: no body, h1, h2, a or ul resets beyond the wrap (the template
 * owns those); everything namespaced aev-*, because .meta, .small and .prompt
 * are live class names elsewhere in quadrum-theme.
 *
 * THE ONE RULE THAT IS NOT COSMETIC: .aev-limit blocks are set LARGER than
 * body copy, with a rule and a tint. They are not small print and must never
 * be styled as small print.
 * ------------------------------------------------------------------------- */

.cfi-aev-wrap {
	max-width: 47rem;
	margin: 0 auto;
	padding: 2.5rem 1.25rem 5rem;
	font-size: 17px;
	line-height: 1.6;
	color: #1a1a1a;
	overflow-wrap: break-word;
}

.cfi-aev-wrap h1 {
	font-size: 1.95rem;
	line-height: 1.2;
	margin: 0 0 .5rem;
}

.cfi-aev-wrap h2 {
	font-size: 1.25rem;
	margin: 2.8rem 0 .7rem;
	border-bottom: 1px solid #999;
	padding-bottom: .3rem;
}

.cfi-aev-wrap h3 {
	font-size: 1.05em;
	margin: 1.6rem 0 .4rem;
	text-transform: none;
}

.cfi-aev-wrap h4 {
	font-size: .95rem;
	margin: 1.1rem 0 .3rem;
}

.cfi-aev-wrap p { margin: 0 0 1rem; }
.cfi-aev-wrap ul, .cfi-aev-wrap ol { margin: .5rem 0 1rem 1.3rem; padding: 0; }
.cfi-aev-wrap li { margin-bottom: .35rem; }

.cfi-aev-wrap .aev-subtitle {
	font-size: 1.08rem;
	color: #4a4a4a;
	margin-bottom: 1.6rem;
}

/* .dateline — the page's own provenance line, kept as a distinct register. */
.cfi-aev-wrap .aev-dateline {
	font-size: .75rem;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #6f6f6f;
	margin: 0 0 1.4rem;
}

/* .exhibit — one self-contained argument. */
.cfi-aev-wrap .aev-exhibit {
	margin-top: 3.2rem;
	padding-top: .2rem;
}

/* .meta — the capture record: system, browser state, date, claim level.
   Letter 06 §3 requires the date to sit on the exhibit, not in a page footer;
   this block is where it sits, and it is rendered before the evidence. */
.cfi-aev-wrap .aev-meta {
	background: #f6f6f2;
	border: 1px solid #ccc;
	padding: .7rem .9rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .82rem;
	line-height: 1.55;
	margin: .8rem 0;
}

.cfi-aev-wrap .aev-meta dl { margin: 0; }
.cfi-aev-wrap .aev-meta dt {
	float: left;
	clear: left;
	width: 9.5rem;
	font-weight: bold;
	margin: 0;
}
.cfi-aev-wrap .aev-meta dd { margin: 0 0 .15rem 9.5rem; }

@media (max-width: 32rem) {
	.cfi-aev-wrap .aev-meta dt { float: none; width: auto; }
	.cfi-aev-wrap .aev-meta dd { margin-left: 0; margin-bottom: .5rem; }
}

/* .prompt — what was typed, verbatim, in a register that cannot be confused
   with our own prose. Monospace because trailing spaces and missing
   punctuation are part of the evidence. */
.cfi-aev-wrap .aev-prompt {
	font-family: ui-monospace, Menlo, Consolas, "Courier New", monospace;
	font-size: .92rem;
	background: #f0f0ee;
	border-left: 3px solid #999;
	padding: .6rem .8rem;
	margin: .6rem 0;
	white-space: pre-wrap;
}

.cfi-aev-wrap .aev-prompt-note {
	font-size: .88rem;
	color: #444;
	margin: -.2rem 0 .9rem;
}

/* .aev-answer — the machine-readable transcript (letter 06 §4). Collapsed by
   default because nine full transcripts inline would bury the exhibits; the
   text is in the served HTML either way, which is what §4 asks for. Flip
   $transcripts_open in content.php to render them all open. */
.cfi-aev-wrap .aev-answer {
	border: 1px solid #ccc;
	border-left: 3px solid #555;
	background: #fbfbf9;
	padding: .1rem .9rem;
	margin: 1rem 0;
}

.cfi-aev-wrap .aev-answer > summary {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .84rem;
	font-weight: bold;
	padding: .65rem 0;
	line-height: 1.45;
}

.cfi-aev-wrap .aev-answer > summary span {
	font-weight: normal;
	color: #555;
}

.cfi-aev-wrap .aev-answer[open] > summary { border-bottom: 1px solid #ddd; margin-bottom: .8rem; }
.cfi-aev-wrap .aev-answer h4:first-of-type { margin-top: .4rem; }
.cfi-aev-wrap .aev-answer p:last-child { margin-bottom: .9rem; }

/* Source chips as the assistants render them, kept visually as chips so a
   reader can see which sentence carried which attribution. */
.cfi-aev-wrap .aev-chip {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .72rem;
	line-height: 1.35;
	background: #eceef2;
	border: 1px solid #c8ccd4;
	border-radius: 2px;
	padding: 0 .3rem;
	color: #333;
	white-space: nowrap;
	vertical-align: baseline;
}

.cfi-aev-wrap .aev-cfi { background: #f3e4e4; border-color: #c9a8a8; }

/* Transcription notes: ours, about the transcript. Must not be mistaken for
   the assistant's own words. */
.cfi-aev-wrap .aev-tnote {
	font-size: .88rem;
	color: #3a3a3a;
	background: #f4f4f0;
	border-top: 1px solid #ddd;
	padding: .6rem .7rem;
	margin: .9rem 0 .2rem;
}

/* .shot — the capture. Full resolution, uncropped (letter 06 §7). */
.cfi-aev-wrap .aev-shot {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #bbb;
	margin: .5rem 0 .3rem;
}

.cfi-aev-wrap figure { margin: 1.2rem 0; }
.cfi-aev-wrap figcaption { font-size: .85rem; color: #666; }

/* .limit — see the note at the head of this file. Larger than body copy. */
.cfi-aev-wrap .aev-limit {
	border-left: 4px solid #7a1f1f;
	background: #faf6f6;
	padding: .85rem 1rem;
	margin: 1.3rem 0 .5rem;
	/* em, NOT rem. The wrap sets 17px; rem resolves against the 16px root, so 1.05rem would
	   render these fractionally SMALLER than the body copy they must stand apart from. */
	font-size: 1.06em;
	line-height: 1.55;
}

.cfi-aev-wrap .aev-limit b:first-child,
.cfi-aev-wrap .aev-limit strong:first-child {
	display: block;
	margin-bottom: .25rem;
	color: #7a1f1f;
}

.cfi-aev-wrap .aev-tablewrap { overflow-x: auto; margin: 1.1rem 0; }

.cfi-aev-wrap table {
	border-collapse: collapse;
	width: 100%;
	font-size: .86rem;
}

.cfi-aev-wrap th,
.cfi-aev-wrap td {
	border: 1px solid #aaa;
	padding: .4rem .55rem;
	text-align: left;
	vertical-align: top;
}

.cfi-aev-wrap th {
	background: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .79rem;
}

.cfi-aev-wrap .aev-small { font-size: .88rem; color: #444; }

/* Additions for this page. */
.cfi-aev-wrap .aev-summary td:first-child { font-weight: bold; width: 32%; }
.cfi-aev-wrap .aev-summary td:last-child { width: 22%; font-family: Arial, Helvetica, sans-serif; font-size: .78rem; color: #333; }

.cfi-aev-wrap .aev-view {
	border: 1px solid #bbb;
	background: #f7f7f3;
	padding: .9rem 1rem;
	margin: 1.4rem 0;
}

.cfi-aev-wrap .aev-shot-narrow { width: auto; max-width: 100%; }

.cfi-aev-wrap .aev-claim {
	border-top: 1px solid #ddd;
	padding: .7rem 0 .4rem;
	margin: 0;
}
.cfi-aev-wrap .aev-claim > p { margin: 0 0 .35rem; }
.cfi-aev-wrap .aev-claim .aev-id {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75rem;
	font-weight: bold;
	letter-spacing: .04em;
	color: #555;
	margin-right: .35rem;
}
.cfi-aev-wrap .aev-claim details { font-size: .9rem; margin: .2rem 0 .3rem; }
.cfi-aev-wrap .aev-claim details > summary { cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: .8rem; color: #333; }
.cfi-aev-wrap .aev-claim dl { margin: .4rem 0 .2rem; }
.cfi-aev-wrap .aev-claim dt { font-weight: bold; font-size: .82rem; font-family: Arial, Helvetica, sans-serif; margin-top: .35rem; }
.cfi-aev-wrap .aev-claim dd { margin: 0 0 .2rem 0; }
.cfi-aev-wrap code { font-size: .86em; overflow-wrap: anywhere; }
.cfi-aev-wrap .aev-claim a { overflow-wrap: anywhere; }
.cfi-aev-wrap .aev-earlier td:first-child { width: 24%; overflow-wrap: normal; word-break: normal; }

/* 2 October 2026: the table of August 2026 exhibits (section 4.1) */
.cfi-aev-wrap .aev-exhibits { font-size: .86rem; }
.cfi-aev-wrap .aev-exhibits td:first-child { width: 6%; white-space: nowrap; }
.cfi-aev-wrap .aev-exhibits td:nth-child(2) { width: 17%; }
.cfi-aev-wrap .aev-exhibits td:nth-child(3) { width: 19%; }
.cfi-aev-wrap .aev-exhibits td:nth-child(5) { width: 24%; }
.cfi-aev-wrap .aev-claim dl { font-size: .9rem; }

/* Print and PDF: nothing folded away, no clipped tables */
@media print {
  .cfi-aev-wrap details > *:not(summary) { display: block !important; }
  .cfi-aev-wrap .aev-tablewrap { overflow: visible; }
  .cfi-aev-wrap a { overflow-wrap: anywhere; }
}