.oci-box {
	--oci-panel: var(--ctu-panel, #12160f);
	--oci-grid: var(--ctu-grid, #232a20);
	--oci-text-dim: var(--ctu-text-dim, #8b9187);
	--oci-green: var(--ctu-green, #3ddc84);
	--oci-font-mono: var(--font-mono, 'Courier New', monospace);
	--oci-font-body: var(--font-body, Arial, sans-serif);

	max-width: 700px;
	background: var(--oci-panel);
	border: 1px solid var(--oci-grid);
	border-left: 3px solid var(--oci-green);
	padding: 16px 20px;
	margin-bottom: 30px;
	font-family: var(--oci-font-body);
	font-size: 14px;
	line-height: 1.6;
	color: var(--oci-text-dim);
}

.oci-box__label {
	font-family: var(--oci-font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--oci-green);
	margin: 0 0 8px;
}

.oci-box__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px 20px;
	margin: 0 0 12px;
}

.oci-box__grid dt {
	font-family: var(--oci-font-mono);
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--oci-text-dim);
	margin: 0 0 4px;
}

.oci-box__grid dd {
	font-family: var(--oci-font-body);
	font-size: 14px;
	color: var(--ctu-text, #e6e6de);
	margin: 0;
}

.oci-box__text {
	margin: 0;
}