/* ---------------------------------------------------------------------------
 * CFI.co — Sponsored Content and AI Answers: Selected Captures
 * Component styles for /ai-citations/.
 *
 * The source bundle (AnthonyMichael1/cfi-evidence-page @ 6873a934) shipped a
 * <style> block its own comment marked "PLACEHOLDER — strip and inherit the
 * cfi.co template". Letter 06 §2 says to strip it. Stripped: no body, h1, h2,
 * h3, a or ul resets live here — the estate template owns those. What remains
 * is the exhibit furniture, which the template has no equivalent for.
 *
 * CLASS NAMES. Letter 06 §3 requires that .prompt, .meta, .shot, .exhibit,
 * .limit and .dateline keep their distinctions, and permits renaming them if
 * the template demands it. It does: .meta, .small and .prompt are all live
 * class names elsewhere in quadrum-theme and its plugins. Everything is
 * therefore namespaced aic-*, one for one:
 *
 *     .dateline → .aic-dateline      .exhibit → .aic-exhibit
 *     .meta     → .aic-meta          .shot    → .aic-shot
 *     .prompt   → .aic-prompt        .limit   → .aic-limit
 *
 * plus .aic-answer, which is new — it holds the transcribed answer text added
 * under letter 06 §4.
 *
 * THE ONE RULE THAT IS NOT COSMETIC. Letter 06 §3: the .limit blocks "stay
 * visually distinct from body copy. They are not small print and must not be
 * styled as small print." So .aic-limit is set LARGER than body copy, not
 * smaller, and carries a rule and a tint. If a future edit shrinks it, that
 * edit is wrong.
 * ------------------------------------------------------------------------- */

.cfi-aic-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-aic-wrap h1 {
	font-size: 1.95rem;
	line-height: 1.2;
	margin: 0 0 .5rem;
}

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

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

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

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

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

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

/* .exhibit — one self-contained argument. */
.cfi-aic-wrap .aic-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-aic-wrap .aic-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-aic-wrap .aic-meta dl { margin: 0; }
.cfi-aic-wrap .aic-meta dt {
	float: left;
	clear: left;
	width: 9.5rem;
	font-weight: bold;
	margin: 0;
}
.cfi-aic-wrap .aic-meta dd { margin: 0 0 .15rem 9.5rem; }

@media (max-width: 32rem) {
	.cfi-aic-wrap .aic-meta dt { float: none; width: auto; }
	.cfi-aic-wrap .aic-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-aic-wrap .aic-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-aic-wrap .aic-prompt-note {
	font-size: .88rem;
	color: #444;
	margin: -.2rem 0 .9rem;
}

/* .aic-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-aic-wrap .aic-answer {
	border: 1px solid #ccc;
	border-left: 3px solid #555;
	background: #fbfbf9;
	padding: .1rem .9rem;
	margin: 1rem 0;
}

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

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

.cfi-aic-wrap .aic-answer[open] > summary { border-bottom: 1px solid #ddd; margin-bottom: .8rem; }
.cfi-aic-wrap .aic-answer h4:first-of-type { margin-top: .4rem; }
.cfi-aic-wrap .aic-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-aic-wrap .aic-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-aic-wrap .aic-cfi { background: #f3e4e4; border-color: #c9a8a8; }

/* Transcription notes: ours, about the transcript. Must not be mistaken for
   the assistant's own words. */
.cfi-aic-wrap .aic-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-aic-wrap .aic-shot {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #bbb;
	margin: .5rem 0 .3rem;
}

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

/* .limit — see the note at the head of this file. Larger than body copy. */
.cfi-aic-wrap .aic-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-aic-wrap .aic-limit b:first-child,
.cfi-aic-wrap .aic-limit strong:first-child {
	display: block;
	margin-bottom: .25rem;
	color: #7a1f1f;
}

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

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

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

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

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