/* ============================================================
   Optivro ISPU — Prose Block (`.tk-prose` + `.tk-narrow`)
   Body copy with strong/em accents and gold-navy links. Scoped
   under `.oiw-prose`. Verbatim from the source prose + link kit.
   ============================================================ */
.oiw-prose {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}
.oiw-prose p {
	font-size: 16.5px;
	line-height: 29px;
	color: #001D3A;
	opacity: 0.85;
	margin-bottom: 20px;
}
.oiw-prose p:last-child {
	margin-bottom: 0;
}
.oiw-prose strong {
	font-weight: 700;
	color: var(--navy);
	opacity: 1;
}
.oiw-prose em {
	font-style: italic;
	color: var(--navy);
}
.oiw-prose a {
	color: #003377;
	text-decoration: underline;
	text-decoration-color: rgba(0, 51, 119, 0.4);
	text-underline-offset: 3px;
	text-decoration-thickness: 1.5px;
	font-weight: 600;
	transition: color 0.2s, text-decoration-color 0.2s;
}
.oiw-prose a:hover {
	color: #001D3A;
	text-decoration-color: #001D3A;
}

/* Indented quoted block (client request: the ACLA anti-Palestinian racism
   definition inside Section 1-2 must sit indented from the surrounding copy).
   A bare <blockquote> will NOT indent on its own here: core.css resets
   `.oiw-scope blockquote {margin:0}` (0,1,1), which beats the browser default —
   the same class of trap as CLAUDE.md #18 — so the indent has to be declared,
   and scoped under the widget root to outrank that reset. Type styling is
   inherited from `.oiw-prose p` so the quote reads as the same body copy,
   just set in. */
.oiw-prose blockquote {
	margin: 0 0 20px 38px;
}
.oiw-prose blockquote:last-child {
	margin-bottom: 0;
}
.oiw-prose blockquote p:last-child {
	margin-bottom: 0;
}