/**
 * Manual prose — GitLab-style task lists (checkbox items).
 */

.sd-doc-body .sd-task {
	list-style: none;
	margin-left: -1.2em;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.sd-doc-body .sd-task-box {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	margin-top: 4px;
	border: 1px solid var(--sd-border-strong);
	border-radius: 4px;
	background: var(--sd-surface);
}

.sd-doc-body .sd-task-box--checked {
	background: var(--sd-accent);
	border-color: var(--sd-accent);
	position: relative;
}

.sd-doc-body .sd-task-box--checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid var(--sd-text-on-accent);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}