:root{--primary-color:#222323;--secondary-color:#f0f6f0;--tertiary-color:#89d4dd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{background-color:var(--secondary-color);font-family:'Nunito',sans-serif;font-size:18px;color:var(--primary-color)}hr{clear:both;border:0;border-top:1px solid var(--primary-color)}a,a:link,a:visited{color:var(--primary-color);text-decoration:none}a:active,a:hover{color:var(--primary-color);background-color:var(--tertiary-color)}p,ul{font-size:1em;line-height:1.3em}h1,h2,h3{font-weight:900;text-transform:uppercase;color:var(--primary-color);font-family:'PT Sans Narrow',sans-serif}h1{font-size:2.5em;margin-top:1em}#wrapper{width:90%;max-width:700px;margin:1em auto 4em auto}#details{margin-bottom:0}#title{font-size:2.5em;text-align:left;margin-top:0}#toc ul{column-count:1}#toc li{text-transform:capitalize}p::first-letter ,#ingredients li::first-letter ,#steps li::first-letter ,#notes li::first-letter ,#time::first-letter ,#makes::first-letter {text-transform:uppercase}#steps p,#notes p{margin:0 0 .6em 0;width:100%;float:none;padding-right:0}#ingredients li{margin-bottom:.4em}#notes ul,#help ul,#toc ul{list-style:square outside}#notes ul li,#help ul li,#toc ul li{margin-left:1em}#notes ul li{margin-bottom:.4em}#steps li{list-style-type:none}#toc ul{margin-top:1em;margin-bottom:1em}#recipe-body{--min:50ch;--gap:1rem;display:grid;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr))}#toc{display:flexbox;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,50ch),1fr))}@media only screen and (min-width:769px){#recipe-body{display:grid;grid-gap:1rem;grid-template-columns:fit-content(20ch) minmax(min(50vw,30ch),1fr)}#toc{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20ch),1fr))}}#page-header{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--secondary-color)}#header-title-1,#header-title-2{margin:0;font-family:'PT Sans Narrow';font-weight:900;font-size:xx-large}#header-logo{max-width:6em;margin:0 .25em}#header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}#recipe-info{margin-top:.5em;margin-bottom:.5em}#recipe-info .info-item{display:flex;align-items:center;margin-bottom:.5em}.styled-checkbox{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:.5em}.styled-checkbox input{appearance:none;margin-right:.5em}.styled-checkbox input:hover+span{background-color:var(--tertiary-color)}.styled-checkbox input:checked+span{font-style:italic;color:var(--tertiary-color);background-color:var(--secondary-color);text-decoration:line-through}.styled-checkbox input::before{content:'\e835';font-family:'Material Symbols Outlined';color:var(--primary-color)}.styled-checkbox input:checked::before{content:'\e834';color:var(--tertiary-color)}.subheading{font-weight:bold;list-style-type:none;margin-bottom:1em}.back-button{background-color:transparent;border:0;cursor:pointer;padding:0;margin-bottom:0}.back-button svg{height:48px;width:48px;fill:var(--primary-color)}.back-button:hover svg{background-color:var(--tertiary-color)}.info-label{font-weight:bold}.info-data{margin-left:5px}.icon{max-width:1em;margin-right:.5em}