body {
	background: var(--bs-body-bg);
}

/* Label (eyebrow) */
.label {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bs-primary-text-emphasis);
}

/* Card (shared) */
.card {
	border-color: var(--bs-border-color-translucent);
	background: var(--bs-body-bg);
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 12px 32px rgba(15, 23, 42, 0.06);
}

[data-bs-theme="dark"] .card {
	border-color: rgba(255, 255, 255, 0.12);
	background: #1b2129;
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.24),
		0 10px 24px rgba(0, 0, 0, 0.22);
}

[data-bs-theme="dark"] .progress {
	/* biome-ignore lint/complexity/noImportantStyles: Overrides Bootstrap background utilities in dark mode. */
	background: rgba(255, 255, 255, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] #dobaCteniBadge,
[data-bs-theme="dark"] #citelnostBadge {
	/* biome-ignore lint/complexity/noImportantStyles: Overrides Bootstrap badge background utilities in dark mode. */
	background: rgba(255, 255, 255, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* Textarea */
.textarea {
	padding: 1.2rem 1.3rem;
	font-size: 1.15rem;
	line-height: 1.75;
	resize: vertical;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (max-width: 767.98px) {
	.card {
		box-shadow:
			0 1px 2px rgba(15, 23, 42, 0.04),
			0 8px 22px rgba(15, 23, 42, 0.05);
	}

	.textarea {
		font-size: 1.02rem;
	}
}