.project-ai-failure-recurrences {
	display: grid;
	gap: .85rem;
	min-width: 0;
}

.project-ai-failure-recurrences__summary {
	margin: 0;
	font-weight: 700;
}

.project-ai-failure-recurrences__card {
	position: relative;
	display: grid;
	gap: .9rem;
	min-width: 0;
	padding: 1rem;
	border: 1px solid var(--bs-border-color);
	border-block-start: .28rem solid var(--bs-info);
	border-radius: .85rem;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--bs-info) 7%, transparent), transparent 48%),
		var(--bs-body-bg);
	box-shadow: 0 .35rem 1.1rem color-mix(in srgb, var(--bs-body-color) 8%, transparent);
}

.project-ai-failure-recurrences__card.is-high {
	border-block-start-color: var(--bs-danger);
}

.project-ai-failure-recurrences__card.is-medium {
	border-block-start-color: var(--bs-warning);
}

.project-ai-failure-recurrences__card > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .8rem;
}

.project-ai-failure-recurrences__card > header small,
.project-ai-failure-recurrences__event span,
.project-ai-failure-recurrences__event small,
.project-ai-failure-recurrences__indicator small,
.project-ai-failure-recurrences__more {
	color: var(--bs-secondary-color);
}

.project-ai-failure-recurrences__card h4,
.project-ai-failure-recurrences__card h5,
.project-ai-failure-recurrences__card p {
	margin: 0;
}

.project-ai-failure-recurrences__card h4 {
	margin-block-start: .15rem;
	font-size: 1rem;
}

.project-ai-failure-recurrences__card h5 {
	font-size: .82rem;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.project-ai-failure-recurrences__status {
	flex: 0 0 auto;
	max-width: 14rem;
	padding: .22rem .55rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: .72rem;
	font-weight: 700;
	text-align: center;
}

.project-ai-failure-recurrences__status.is-unconfirmed {
	color: var(--bs-warning-text-emphasis);
	background: var(--bs-warning-bg-subtle);
}

.project-ai-failure-recurrences__facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .45rem;
}

.project-ai-failure-recurrences__metric {
	display: grid;
	gap: .12rem;
	min-width: 0;
	padding: .55rem .6rem;
	border-radius: .55rem;
	background: var(--bs-secondary-bg);
}

.project-ai-failure-recurrences__metric span {
	font-size: .68rem;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.project-ai-failure-recurrences__metric strong {
	font-size: .82rem;
	overflow-wrap: anywhere;
}

.project-ai-failure-recurrences__indicator {
	padding: .7rem .8rem;
	border-inline-start: .2rem solid var(--bs-info);
	border-radius: .45rem;
	background: color-mix(in srgb, var(--bs-info-bg-subtle) 68%, var(--bs-body-bg));
}

.project-ai-failure-recurrences__indicator p {
	margin-block-start: .3rem;
	overflow-wrap: anywhere;
}

.project-ai-failure-recurrences__indicator small {
	display: block;
	margin-block-start: .35rem;
}

.project-ai-failure-recurrences__timeline {
	display: grid;
	gap: .55rem;
}

.project-ai-failure-recurrences__timeline ol {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.project-ai-failure-recurrences__event {
	display: grid;
	grid-template-columns: 1rem minmax(0, 1fr);
	gap: .55rem;
	min-width: 0;
}

.project-ai-failure-recurrences__marker {
	position: relative;
	display: block;
}

.project-ai-failure-recurrences__marker::before {
	position: absolute;
	top: .42rem;
	left: .28rem;
	width: .55rem;
	height: .55rem;
	border: .16rem solid var(--bs-body-bg);
	border-radius: 50%;
	background: var(--bs-info);
	box-shadow: 0 0 0 1px var(--bs-info);
	content: '';
}

.project-ai-failure-recurrences__event:not(:last-child) .project-ai-failure-recurrences__marker::after {
	position: absolute;
	top: 1rem;
	bottom: 0;
	left: .52rem;
	border-inline-start: 1px solid var(--bs-border-color);
	content: '';
}

.project-ai-failure-recurrences__event > div {
	display: grid;
	gap: .12rem;
	min-width: 0;
	padding-block-end: .72rem;
}

.project-ai-failure-recurrences__event time {
	font-size: .72rem;
	font-weight: 700;
}

.project-ai-failure-recurrences__event a,
.project-ai-failure-recurrences__event strong,
.project-ai-failure-recurrences__event small {
	overflow-wrap: anywhere;
}

.project-ai-failure-recurrences__hypothesis {
	padding: .75rem .85rem;
	border: 1px dashed var(--bs-warning-border-subtle);
	border-radius: .55rem;
	background: var(--bs-warning-bg-subtle);
}

.project-ai-failure-recurrences__hypothesis p {
	margin-block-start: .35rem;
}

.project-ai-failure-recurrences__more {
	font-size: .78rem;
}

@media (max-width: 767.98px) {
	.project-ai-failure-recurrences__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.project-ai-failure-recurrences__card {
		padding: .75rem;
	}

	.project-ai-failure-recurrences__card > header {
		align-items: stretch;
		flex-direction: column;
	}

	.project-ai-failure-recurrences__status {
		align-self: flex-start;
	}
}

@media (forced-colors: active) {
	.project-ai-failure-recurrences__card,
	.project-ai-failure-recurrences__indicator,
	.project-ai-failure-recurrences__hypothesis {
		border-width: 2px;
	}
}