ol {
	counter-reset:procedure;
	list-style-type: none;
	padding:0;

	li {
		counter-increment:procedure;
		display:flex;
		margin-bottom: 1em;
		padding: 1em 0;
		line-height:1.2em;
		cursor:pointer;
		transition: opacity .1s;
	
		&:before {
			content:counter(procedure)".";
			display:flex;
			align-items:center;
			margin-right:.5em;
			width:auto;
			font-weight:bold;
			font-size:2em;
			color:$primary;
		}

		&.completed { opacity: .4; }
	}
}

main ul li {
	margin-bottom: 1em;
	line-height:1.2em;
}