.index .header
{
	font-size: xx-large;
}
.header .scale
{
	float: right;
}
.link
{
	display: inline-block;
	width: 22%;
}
.link .photo
{
	display: inline-block;
	text-align: center;
	width: 32px;
	height: 24px;
	float: left;
}
.link a
{
	margin-left: .75ex;
}
.recipe, .index
{
	border: 1px solid;
	background: #e0e0ff;
	padding: 1ex;
	margin-bottom: 1ex;
}
.index .section
{
	font-size: x-large;
	margin-top: .75ex;
	margin-bottom: .25ex;
	border-bottom: 1px solid;
}
.recipe .title, .index
{
	background: #c0c0ff;
	font-weight: bold;
	font-size: large;
}
.recipe .photo
{
	float: right;
}
.recipe img.photo
{
	width: 20%;
}
.recipe .print
{
	font-size: small;
	margin-left: 2em;
	text-decoration: none;
	opacity: 0;
	transition: .25s ease-in-out;
}
.recipe:hover .print
{
	opacity: 1;
}
@media print
{
	@page
	{
		size: landscape;
	}
	.recipe
	{
		border: none;
		padding: 0px;
		margin: 0px;
		page-break-inside: avoid;
	}
	.recipe .title
	{
		-webkit-print-color-adjust: exact;
	}
	.recipe .print, .index
	{
		display: none;
	}
}
.recipe .ingredients
{
	background: #c0c0ff;
	float: right;
	margin-top: 0px;
	margin-left: 1em;
	padding: 1em;
	padding-top: 0px;
	padding-left: 2em;
}
.recipe .ingredients lh
{
	font-weight: bold;
}
.recipe .ingredients .optional::before
{
	content: "optional: ";
}
.recipe .photo ~ .ingredients
{
	min-height: 10em;
}
.recipe .ingredients ~ .ingredients
{
	margin-right: -1em;
}
.recipe .footer
{
	clear: right;
}