.sirah-widget-card {
	border: 2px solid rgba(16, 185, 129, .25);
	background: linear-gradient(180deg, #fff, #ecfdf5)
}

.sirah-pill {
	background: #d1fae5;
	color: #047857;
	border-radius: 999px;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 900
}

.sirah-body {
	font-size: 16px;
	line-height: 1.8;
	color: #334155;
	margin-top: 16px
}

.sirah-quiz-btn {
	margin-top: 8px;
	width: 100%;
	text-align: left
}

@media(prefers-color-scheme:dark) {
	.sirah-widget-card {
		background: linear-gradient(180deg, #0f172a, #064e3b)
	}

	.sirah-body {
		color: #e5e7eb
	}

	.sirah-pill {
		background: #064e3b;
		color: #d1fae5
	}
}