/*==================================================================================

	NORMAL DISTRIBUTION — IS MODULE KE APNE KHANE

	CURVE KE RANG.

	Site ke brand rang chart par NAKAAM hote hain (CLAUDE.md me naap kar
	likha hai), is liye yahan wohi palette ka pehla rang chalta hai jo
	csv-chart-generator par chha checks par pass hui: light me #7C31ED,
	dark me #9775FA. Grid jaan boojh kar halki hai — wo parhne me madad
	deti hai, muqabla nahi karti.

==================================================================================*/

.nd-head-row
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: .75rem 1rem;
	padding: 1rem 1.1rem 0;
}

.nd-chart
{
	margin: .9rem 0 1rem;
}

.nd-chart svg
{
	display: block;
	width: 100%;
	height: auto;
}

.nd-line
{
	fill: none;
	stroke: #7C31ED;
	stroke-width: 2;
	stroke-linejoin: round;
}

.nd-fill
{
	fill: #7C31ED;
	fill-opacity: .22;
}

.nd-grid
{
	stroke: currentColor;
	stroke-width: 1;
	opacity: .14;
}

.nd-axis
{
	stroke: currentColor;
	stroke-width: 1;
	opacity: .45;
}

.nd-mark
{
	stroke: #D9480F;
	stroke-width: 1.5;
	stroke-dasharray: 3 3;
}

.nd-tick
{
	fill: currentColor;
	font-size: 10px;
	opacity: .7;
}

[data-bs-theme="dark"] .nd-line{ stroke: #9775FA; }
[data-bs-theme="dark"] .nd-fill{ fill: #9775FA; }
[data-bs-theme="dark"] .nd-mark{ stroke: #E8590C; }