.ldc-article {
	--ldc-brand: #7b1f24;
	--ldc-highlight: #f2c230;
	--ldc-border: #dedede;
}

.ldc-article .ldc-steps {
	margin: 1.35rem 0 1.9rem;
	border-top: .28rem solid var(--ldc-brand);
	border-bottom: 1px solid var(--ldc-border);
	background: #fff;
}

.ldc-article .ldc-step {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: 1.2rem 1rem;
	border-right: 1px solid var(--ldc-border);
	border-left: 1px solid var(--ldc-border);
	background: #fff;
}
.ldc-article .ldc-step + .ldc-step { border-top: 1px solid var(--ldc-border); }

.ldc-article .ldc-step__number {
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: .2rem;
	background: var(--ldc-brand);
	box-shadow: .22rem .22rem 0 var(--ldc-highlight);
	color: #fff;
	font-size: 1.15rem;
	font-weight: 700;
}
.ldc-article .ldc-card-grid, .ldc-article .ldc-reward-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	gap: 1rem;
	margin: 1.25rem 0 1.75rem;
}
.ldc-article .ldc-card, .ldc-article .ldc-task-reward, .ldc-article .ldc-reward__label {
	padding: 1rem;
	border: 1px solid var(--ldc-border);
	border-left: .28rem solid var(--ldc-brand);
	border-radius: .2rem;
	background: #fff;
}
.ldc-article__credit { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--ldc-border); }

@media (max-width: 700px) {
	.ldc-event-layout { flex-wrap: wrap !important; }
	.ldc-event-layout > .wp-block-column { flex-basis: 100% !important; }
	.ldc-article .ldc-step { grid-template-columns: 2.5rem minmax(0, 1fr); gap: .85rem; padding: 1rem .8rem; }
	.ldc-article .ldc-step__number { width: 2.3rem; height: 2.3rem; font-size: 1rem; }
}