/* ============================================================
   Optivro ISPU — Settings / stat rows (`.tk-settings` / `.tk-setting`)
   Two-column grid of white rows; each = label (left) + serif number
   (right). Scoped under `.oiw-settings`. Grid 2→1 verbatim (@900).
   ============================================================ */
.oiw-settings {
	padding: 76px 40px;
}
.oiw-settings .oiw-inner {
	max-width: 820px;
	margin: 0 auto;
	width: 100%;
}
.oiw-settings .oiw-settings-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}
.oiw-settings .oiw-setting {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 8px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}
.oiw-settings .oiw-setting-lbl {
	font-size: 14.5px;
	line-height: 20px;
	color: #001d3a;
	opacity: 0.8;
}
.oiw-settings .oiw-setting-num {
	font-family: "OrpheusPro Regular", 'orpheus pro', orpheus, Georgia, serif;
	font-size: 26px;
	font-weight: 600;
	color: var(--navy);
	flex-shrink: 0;
}
@media (max-width: 900px) {
	.oiw-settings {
		padding: 52px 24px;
	}
	.oiw-settings .oiw-settings-grid {
		grid-template-columns: 1fr;
	}
}

/* ── Number-first rows ──────────────────────────────────────────────────────
   The source has TWO stat-row layouts, not one. Section 1-2 and Faith Leaders
   write the label first and push the number to the right edge
   (justify-content:space-between; gap:14px) — that is the default above.
   Entertainment's "Erasure from modern settings" writes the NUMBER first and
   uses a different layout: the pair is packed to the left, the gap is wider,
   and the number reserves a fixed 64px column so every number in the grid
   lines up. Values copied verbatim from ispu-toolkit-entertainment.html:
     .tk-setting     { justify-content:flex-start; gap:18px; }
     .tk-setting-num { min-width:64px; text-align:left; }
   A DOM reorder alone would leave space-between in place and fling the label
   to the far edge, so the layout rules travel with the modifier class.
   ------------------------------------------------------------------------ */
.oiw-settings .oiw-setting--numleft {
	justify-content: flex-start;
	gap: 18px;
}
.oiw-settings .oiw-setting--numleft .oiw-setting-num {
	min-width: 64px;
	text-align: left;
}