/* ============================================================
   Optivro ISPU — Predictors Grid (`.tk-predictors` / `.tk-pred`)
   Inline icon cards (small tile left, serif title + muted desc right),
   2-col grid → 1 @900. Static; reveals on the frontend only. Scoped
   under `.oiw-pred`. Values verbatim from the source kit; sits in the
   1080px inner. Shares the OIW_Icon_Grid_Base render (inline layout).
   ============================================================ */
.oiw-pred {
	padding: 0 40px; /* horizontal gutter matches source `.tk-section` */
}
.oiw-pred .oiw-inner {
	max-width: 1080px; /* source `.tk-inner` */
	margin: 0 auto;
	width: 100%;
}
.oiw-pred-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}
.oiw-pred-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 10px;
	padding: 20px 22px;
	display: flex;
	gap: 16px;
	align-items: flex-start;
	min-width: 0;
}
/* A lone trailing card spans the full row (source's grid-column:1/-1 on the
   odd 5th predictor). */
.oiw-pred-grid > .oiw-pred-card:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}
.oiw-pred-icon {
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: #F0EDE8;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Match Who's icon treatment (OIW_Icon_Grid_Base sibling): Font-Awesome SOLID
   glyphs are FILL-based, so fill:currentColor renders them as a solid navy
   shape. (The source's own icons were stroke-drawn line icons — fill:none there —
   but we substitute FA solid, same as Who, so they must be filled, not outlined.) */
.oiw-pred-icon svg,
.oiw-pred-icon i {
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: var(--navy);
	fill: currentColor;
	stroke: var(--navy);
}
.oiw-pred-body {
	min-width: 0;
}
.oiw-pred-cardtitle {
	font-family: "OrpheusPro Regular", 'orpheus pro', orpheus, Georgia, serif;
	font-size: 15px;
	font-weight: 600;
	color: var(--navy);
	margin-bottom: 3px;
}
.oiw-pred-carddesc {
	font-size: 13.5px;
	line-height: 20px;
	color: #001D3A;
	opacity: .65;
	overflow-wrap: anywhere;
}
@media (max-width: 900px) {
	.oiw-pred {
		padding: 0 24px;
	}
	.oiw-pred-grid {
		grid-template-columns: 1fr;
	}
}