/*!
 * CSS Portal — nth-child tester extras
 * Loaded after code-tool.css and generator-tool.css. Everything is scoped to .gt.
 */

.gt .nt-formula {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 0 12px;
	padding: 3px 10px;
	font: 600 13px/1.6 var(--ct-mono);
	color: var(--ct-accent);
	background: var(--ct-accent-soft);
	border-radius: 6px;
	text-align: right;
}
.gt .nt-explain {
	margin: 0;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--ct-text);
	border-top: 1px solid var(--ct-border);
}
.gt .nt-count { display: block; margin-top: 2px; font: 12.5px/1.6 var(--ct-mono); color: var(--ct-muted); overflow-wrap: anywhere; }
.gt .nt-tip { display: block; margin-top: 8px; padding: 8px 10px; font-size: 13px; color: var(--ct-text); background: color-mix(in srgb, var(--ct-warn) 12%, transparent); border-radius: 8px; }
.gt .nt-explain code, .gt .nt-tip code { padding: 0 4px; font: 12.5px var(--ct-mono); color: inherit; background: var(--ct-surface-2); border-radius: 4px; }
.gt [data-gt="code"].ce { height: clamp(160px, 20vh, 240px); }