#page__recipes .recipe{display:flex;flex-direction:row;text-align:left}@media screen and (max-width: 760px){#page__recipes .recipe{flex-direction:column}}#page__recipes .recipe .ingredients,#page__recipes .recipe .preparation-steps{padding:1rem;margin:.5rem;outline:thin solid var(--html-background-color);transition:background-color .3s}#page__recipes .recipe .ingredients:hover,#page__recipes .recipe .preparation-steps:hover{background-color:#c8c8c81a}#page__recipes .recipe .preparation-steps .primed{background-color:var(--page-text-color--main);color:var(--page-accent-color--dark);font-weight:700;outline:thick solid var(--page-accent-color--dark)}#page__recipes .recipe .preparation-steps .primed button{background-color:var(--page-accent-color--main);color:var(--page-accent-color--dark)}#page__recipes .recipe .preparation-steps li{position:relative;padding:1rem 1rem 3rem}#page__recipes .recipe .preparation-steps li[aria-checked=true]{opacity:.3}#page__recipes .recipe .preparation-steps li>button{color:var(--page-text-color--main);background-color:var(--html-background-color);padding:.75rem;border:thin solid var(--page-accent-color--main);position:absolute;bottom:0;right:0}#page__recipes .recipe .preparation-steps pre{max-width:35ch;white-space:pre-wrap}#page__recipes .recipe .preparation-steps pre span{outline:thin solid var(--page-background-color--simple);display:block;margin:.5rem;padding:.5rem;background-color:var(--page-background-color)}#page__recipes .recipe ul{margin:0 1rem;padding:0}#page__recipes .recipe li{margin:0 0 .5rem;outline:thin solid var(--page-accent-color--dark);padding:.5rem;font-size:1.5rem;min-width:200px}#page__recipes .recipe li .ingredient{font-weight:700;text-decoration:underline}#page__recipes .recipe li:hover{background-color:var(--page-accent-color--pastel-light);color:var(--page-text-color--dark);cursor:pointer;outline:thick solid white}#page__recipes .recipe li:hover .amount{background-color:var(--page-accent-color--dark);color:var(--page-text-color--main)}#page__recipes .recipe li:hover .ingredient{background-color:var(--page-text-color--main)}#page__recipes .recipe li:hover::marker{color:var(--page-text-color--main);font-weight:700}