/* The house rules, numbered down a hairline. */

.rules__list {
	padding: 0;
	list-style: none;
	counter-reset: rule;
}

.rules__item {
	position: relative;
	padding: var(--space-3) 0 var(--space-3) var(--space-8);
	border-block-end: var(--border-hairline) solid var(--color-border);
	counter-increment: rule;
}

.rules__item:first-child {
	border-block-start: var(--border-hairline) solid var(--color-border);
}

.rules__item::before {
	content: counter(rule, decimal-leading-zero);
	position: absolute;
	inset-block-start: var(--space-3);
	inset-inline-start: 0;
	font-family: var(--font-display);
	font-size: var(--font-6);
	line-height: 1;
	color: var(--color-heading);
}

@media (max-width: 479px) {
	.rules__item {
		padding-inline-start: var(--space-6);
	}
}