main{justify-content:center;display:flex}main>div{gap:var(--size-s);inline-size:100vw;max-inline-size:calc(var(--grid-max-width) + var(--safe-left) + var(--safe-right));padding:0 var(--safe-right) var(--size-l) var(--safe-left);flex-direction:column;display:flex}main>div>nav{background-color:var(--sand-5);font-family:var(--mono);font-size:var(--type--2);padding:var(--size-3xs) var(--size-2xs);border-radius:2px;font-weight:500;line-height:1}main>div>nav ol{align-items:center;column-gap:var(--size-2xs);row-gap:var(--size-3xs);flex-wrap:wrap;list-style:none;display:flex}main>div>nav a{text-decoration:none}main>div>nav a:any-link{color:var(--sand-12)}main>div>nav span{color:var(--sand-11);font-style:italic}main>div>nav li{align-items:center;column-gap:var(--size-2xs);display:flex}main>div>nav li:first-of-type{font-weight:700}main>div>nav li+li:before{background-color:var(--sand-9);content:"";block-size:1em;inline-size:1em;display:inline-block;mask-image:url(/-/chevron-right-5df59bf21d.svg);mask-size:1em}main>div>article{--doc-width:min(100vw - var(--safe-left) - var(--safe-right), var(--grid-max-width));--doc-column:calc((var(--doc-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns));--doc-body-start:calc(3 * var(--doc-column) + 3 * var(--grid-gutter));gap:var(--grid-gutter);grid-template-columns:repeat(var(--grid-columns), 1fr);display:grid}main>div>article>header,main>div>article>div,main>div>article>footer{grid-column:4/-4}main>div>article>header+aside{grid-area:1/1/span 2/4}main>div>article>div{max-inline-size:72ch}@media (width<=960px){main>div>article{--doc-body-start:0px}main>div>article>header,main>div>article>div,main>div>article>footer{grid-column-start:1}main>div>article>header+aside{grid-column:10/-1}}@media (width<=640px){main>div>article>header,main>div>article>div,main>div>article>footer{grid-column-end:-1}main>div>article>header+aside{grid-row:3/span 1;grid-column-start:1}}main>div>article>header h2{font-family:var(--sans);font-size:var(--type-3);font-weight:800}main>div>article>header h2+p{font-family:var(--serif);font-size:var(--type-2);font-style:italic;font-weight:300}main>div>article>header+aside{padding-block-start:var(--size-xs)}main>div>article>header+aside>h3{color:var(--sand-11);font-family:var(--sans);font-size:var(--type--3);align-items:center;gap:var(--size-2xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin-block-end:var(--size-2xs);font-weight:800;line-height:1;display:flex}main>div>article>header+aside>h3:after{background-color:var(--sand-7);content:"";block-size:1px;inline-size:100%;display:block}main>div>article>header+aside>ol{font-family:var(--sans);font-size:var(--type--1);font-weight:600;line-height:1.5;list-style:none}main>div>article>header+aside>ol a:any-link{color:var(--sand-12);text-decoration:none}main>div>article>header+aside>ol a:any-link:hover{color:var(--sand-11)}@media (width<=640px){main>div>article>header+aside{padding-block-start:0}main>div>article>header+aside>ol{column-count:2;column-gap:var(--grid-gutter)}}main>div>article>div{position:relative}main>div>article>div p+p,main>div>article>div figure+p{margin-block-start:var(--size-s)}main>div>article>div h3,main>div>article>div h4,main>div>article>div h5,main>div>article>div h6,main>div>article>div hr,main>div>article>div ol,main>div>article>div pre,main>div>article>div ul{margin-block:var(--size-s)}main>div>article>div h3{font-family:var(--sans);font-size:var(--type-1);font-weight:700}main>div>article>div h4{color:var(--sand-11);font-family:var(--serif);font-size:var(--type-0);font-weight:700}main>div>article>div h5{color:var(--sand-12);font-family:var(--sans);font-size:var(--type--1);font-weight:800}main>div>article>div hr{border:0;border-block-start:var(--sand-6) solid 1px;block-size:0}main>div>article>div ol,main>div>article>div ul{margin-inline-start:var(--size-s)}@media (width<=640px){main>div>article>div ol,main>div>article>div ul{margin-inline-start:var(--size-m)}}main>div>article>div li::marker{color:var(--sand-10)}main>div>article>div figure{margin-block:var(--size-s);position:relative}main>div>article>div figure img{border-radius:2px;inline-size:100%}main>div>article>div figure figcaption{color:var(--sand-11);font-family:var(--sans);font-size:var(--type--2);text-wrap:pretty;line-height:1.35;position:absolute;inset-block-start:0;inset-inline-start:calc(100% + var(--grid-gutter));inset-inline-end:calc(var(--doc-body-start) + 100% - var(--doc-width))}main>div>article>div figure.caption-bottom figcaption{inset-block:auto 0}main>div>article>div figure.right-col{margin-block:var(--size-s) 0;position:absolute;inset-inline-start:calc(100% + var(--grid-gutter));inset-inline-end:calc(var(--doc-body-start) + 100% - var(--doc-width))}main>div>article>div figure.right-col figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>div figure.left-col{margin-block:var(--size-s) 0;position:absolute;inset-inline-start:calc(var(--doc-body-start) * -1);inset-inline-end:calc(100% + var(--grid-gutter))}main>div>article>div figure.left-col figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>div figure.pull-left{margin-inline-start:calc(var(--doc-body-start) * -1)}main>div>article>div figure.pull-left figcaption{margin-block-start:var(--size-2xs);position:absolute;inset-block-start:100%;inset-inline-start:0;inset-inline-end:calc(100% - var(--doc-body-start) + var(--grid-gutter))}main>div>article>div figure.pull-right{margin-inline-end:calc(var(--doc-body-start) + 100% - var(--doc-width))}main>div>article>div figure.pull-right figcaption{margin-block-start:var(--size-2xs);position:absolute;inset-block-start:100%;inset-inline-start:calc(100% - (3 * var(--doc-column) + 2 * var(--grid-gutter)));inset-inline-end:0}main>div>article>div figure.full-width{margin-inline-start:calc(var(--doc-body-start) * -1);margin-inline-end:calc(var(--doc-body-start) + 100% - var(--doc-width))}main>div>article>div figure.full-width figcaption{margin-block-start:var(--size-2xs);position:absolute;inset-block-start:100%;inset-inline-start:0;inset-inline-end:calc(100% - var(--doc-body-start) + var(--grid-gutter))}main>div>article>div figure.full-width video{border-radius:2px;block-size:auto;inline-size:100%;display:block}@media (width<=640px){main>div>article>div figure{margin-inline-start:calc(var(--safe-left) * -1);margin-inline-end:calc(var(--safe-right) * -1)}main>div>article>div figure img{border-radius:0}main>div>article>div figure.right-col{margin-block:var(--size-s);position:relative;inset-inline:auto}main>div>article>div figure.pull-left{margin-inline-start:calc(var(--safe-left) * -1)}main>div>article>div figure.pull-right{margin-inline-end:calc(var(--safe-right) * -1)}main>div>article>div figure.pull-right figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>div figure.full-width{margin-inline-start:calc(var(--safe-left) * -1);margin-inline-end:calc(var(--safe-right) * -1)}main>div>article>div figure figcaption{margin-block-start:var(--size-2xs);margin-inline-start:var(--safe-left);margin-inline-end:var(--safe-right);position:static}}main>div>article>div ul:has(input[type=checkbox]){margin-inline-start:0;list-style:none}main>div>article>div ul input[type=checkbox]{accent-color:var(--sand-9);block-size:var(--size-2xs);inline-size:var(--size-2xs);margin-inline-end:var(--size-3xs);transform:translateY(-.125em)}main>div>article>div li:has(input:checked){color:var(--sand-11);text-decoration:line-through;text-decoration-color:var(--sand-10)}main>div>article>div kbd{background-color:var(--sand-5);border:var(--sand-12) solid 1px;font-family:var(--sans);font-size:var(--type--3);margin:0 var(--size-4xs);border-block-end-width:2px;border-radius:3px;padding:.1em .4em;font-weight:700}main>div>article>div code{background-color:var(--sand-1);color:var(--sand-11);font-family:var(--mono);font-size:var(--type--2);padding:calc(var(--size-3xs) / 2) var(--size-3xs);font-weight:500}main>div>article>div pre{background-color:var(--sand-1);padding:var(--size-2xs);scrollbar-width:thin;border-radius:2px;display:block;overflow-x:auto}main>div>article>div pre>code{display:block;transform:translateY(-.01em)}main>div>article>div blockquote{border-inline-start:var(--sand-6) solid 1px;color:var(--sand-11);margin-block:var(--size-s);padding-inline-start:var(--size-s)}main>div>article>div blockquote>footer{color:var(--sand-11);font-family:var(--sans);font-size:var(--type--2);text-align:end;margin-block-start:var(--size-2xs);font-style:normal;font-weight:600;line-height:normal}main>div>article>div blockquote[class]{color:var(--sand-12);font-size:var(--type-1);margin-block:var(--size-m);border-inline-start-width:2px;font-style:italic}main>div>article>div blockquote[class] cite,main>div>article>div blockquote[class] em{font-style:normal}main>div>article>div blockquote.right-col{font-size:var(--type--1);margin-block:var(--size-s) 0;position:absolute;inset-inline-start:calc(100% + var(--grid-gutter));inset-inline-end:calc(var(--doc-body-start) + 100% - var(--doc-width))}main>div>article>div blockquote.left-col{font-size:var(--type--1);margin-block:var(--size-s) 0;position:absolute;inset-inline-start:calc(var(--doc-body-start) * -1);inset-inline-end:calc(100% + var(--grid-gutter))}main>div>article>div blockquote.pull-left{margin-inline-start:calc(var(--doc-body-start) * -1)}main>div>article>div blockquote.pull-right{margin-inline-end:calc(var(--doc-body-start) + 100% - var(--doc-width))}main>div>article>div blockquote+p{margin-block-start:var(--size-s)}@media (width<=640px){main>div>article>div blockquote.left-col,main>div>article>div blockquote.right-col{font-size:var(--type-1);margin-block:var(--size-m);position:static}}main>div>article>div table{border-collapse:collapse;inline-size:100%;margin-block-start:var(--size-s)}main>div>article>div table tr>*+*{padding-inline-start:var(--size-3xs)}main>div>article>div table th{color:var(--sand-11);font-family:var(--sans);font-size:var(--type--3);letter-spacing:.01em;text-align:start;text-transform:uppercase;padding-block-end:var(--size-3xs);font-weight:800;line-height:1}main>div>article>div table td{font-family:var(--sans);font-size:var(--type--1)}main>div>article>div table tbody tr:nth-child(odd){background-color:var(--sand-4)}main>div>article>footer{color:var(--sand-11);font-style:italic}main>div>article>div .recipe{border-block-start:var(--sand-6) solid 1px;margin-block-start:var(--size-s);padding-block-start:var(--size-s)}main>div>article>div .recipe-meta{column-gap:var(--size-3xs);font-family:var(--mono);font-size:var(--type--3);row-gap:var(--size-3xs);flex-wrap:wrap;font-weight:700;line-height:1;display:flex}main>div>article>div .recipe-meta dt{color:var(--sand-11);letter-spacing:.1em;text-transform:uppercase}main>div>article>div .recipe-meta dd{margin-inline-end:var(--size-s)}main>div>article>div .recipe-ingredients{column-gap:var(--grid-gutter)}@media (width>=641px){main>div>article>div .recipe-ingredients{column-count:2}}main>div>article>div .recipe-ingredients li{break-inside:avoid}main>div>article>div .recipe-method li+li{margin-block-start:var(--size-2xs)}@media (width<=960px){main>div>article>aside~div figure figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>aside~div figure.right-col,main>div>article>div figure.left-col{margin-block:var(--size-s);position:relative;inset-inline:auto}main>div>article>div figure.pull-left figcaption,main>div>article>div figure.full-width figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>aside~div figure.pull-right{margin-inline-end:0}main>div>article>aside~div figure.pull-right figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>aside~div blockquote.right-col,main>div>article>div blockquote.left-col{font-size:var(--type-1);margin-block:var(--size-m);position:static}main>div>article>aside~div blockquote.pull-right{margin-inline-end:0}}main>div>article>aside~div figure.left-col{margin-block:var(--size-s);position:relative;inset-inline:auto}main>div>article>aside~div figure.pull-left{margin-inline-start:0}main>div>article>aside~div figure.pull-left figcaption{margin-block-start:var(--size-2xs);position:static}main>div>article>aside~div figure.full-width{margin-inline:0}main>div>article>aside~div figure.full-width figcaption{margin-block-start:var(--size-2xs);position:static}