ol {
	counter-reset:procedure;
	list-style-type: none;
	margin:3em 0 4em 0;
	padding:0;

	li {
		counter-increment:procedure;
		display:flex;
		margin-bottom: 1em;
		padding: 1em 0;
		line-height:1.2em;
		cursor:pointer;
	
		&: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; }
	}
}