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

	TIME DURATION — IS MODULE KE APNE KHANE

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

.td-row
{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .7rem;
}

@media (max-width: 575.98px)
{
	.td-row { grid-template-columns: 1fr; }
}

.td-cell .wiz-label
{
	display: block;
	margin-bottom: .3rem;
}

.td-time,
.td-num
{
	font-family: var(--bs-font-monospace, monospace);
	letter-spacing: .03em;
}

.td-amt
{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .5rem;
	margin-top: .3rem;
}

@media (max-width: 420px)
{
	.td-amt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.td-amt-cell
{
	text-align: center;
}

.td-amt-cell .td-num
{
	text-align: center;
}

.td-amt-label
{
	display: block;
	margin-top: .25rem;
	font-size: .78rem;
	opacity: .75;
}

.td-problem
{
	margin-top: .8rem;
	padding: .7rem .85rem;
	border-radius: .5rem;
	background: var(--wiz-amber-soft, rgba(255, 112, 42, .08));
	border: 1px solid var(--wiz-amber, #FF702A);
}

.td-why
{
	display: block;
	font-size: .85rem;
}

#tdOut.td-small
{
	font-size: 1.9rem;
}