.recipe{--recipe-margin:var(--space-4);box-sizing:border-box;width:100%;max-width:calc(1360px + 2 * var(--recipe-margin));padding:0 0 var(--space-7);gap:var(--space-6);flex-direction:column;min-width:0;margin:0 auto;display:flex}.recipe *,.recipe :before,.recipe :after{box-sizing:border-box}.recipe-head{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.recipe-photo{aspect-ratio:4/3;object-fit:cover;background:var(--color-surface-sunken);width:100%;height:auto;display:block}.recipe-photo-missing{justify-content:center;align-items:center;display:flex}.recipe-photo-missing svg{opacity:.3}.recipe-intro{gap:var(--space-3);padding:0 var(--recipe-margin);flex-direction:column;min-width:0;display:flex}.recipe-eyebrow,.recipe-note{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);margin:0}.recipe-eyebrow{text-transform:capitalize}.recipe-title{font-family:var(--type-display-l-family);font-weight:var(--type-display-l-weight);font-size:var(--type-display-l-size);line-height:var(--type-display-l-line-height);letter-spacing:var(--type-display-l-tracking);text-wrap:balance;overflow-wrap:anywhere;margin:0}.recipe-lede{color:var(--color-text-muted);max-width:40rem;margin:0}.recipe-facts{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.recipe-fact{padding:var(--space-3);border-radius:var(--radius-m);background:var(--color-surface);border:1px solid var(--color-line)}.recipe-fact dt{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted)}.recipe-fact dd{margin:var(--space-1) 0 0;font-family:var(--type-data-family);font-size:var(--type-heading-size)}.recipe-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.recipe-nutrition{gap:var(--space-4);min-width:0;scroll-margin-top:calc(52px + 44px + var(--space-4));flex-direction:column;display:flex}.recipe-nutrition-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.recipe-nutrition-line{font-family:var(--type-data-family);margin:0}.recipe-nutrition-facts{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));max-width:44rem}.recipe-nutrition-label{max-width:24rem}.recipe-jump{z-index:1;gap:var(--space-2);padding:var(--space-1) var(--recipe-margin);background:var(--color-bg);border-bottom:1px solid var(--color-line);display:flex;position:sticky;top:52px}.recipe-jump a{min-height:44px;padding:0 var(--space-3);color:var(--color-action);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);align-items:center;text-decoration:none;display:inline-flex}.recipe-body{gap:var(--space-6);padding:0 var(--recipe-margin);grid-template-columns:minmax(0,1fr);display:grid}.recipe-similar{gap:var(--space-3);min-width:0;padding:0 var(--recipe-margin);flex-direction:column;display:flex}.recipe-similar .recipe-note{margin:0}.recipe-similar-row{gap:var(--space-4);scroll-snap-type:x mandatory;padding-bottom:var(--space-2);grid-auto-columns:minmax(160px,44%);grid-auto-flow:column;min-width:0;display:grid;overflow-x:auto}.recipe-similar-row>*{scroll-snap-align:start}.recipe-ingredients,.recipe-steps{gap:var(--space-4);min-width:0;scroll-margin-top:calc(52px + 44px + var(--space-4));flex-direction:column;display:flex}.recipe-heading{font-family:var(--type-heading-family);font-weight:var(--type-heading-weight);font-size:calc(var(--type-heading-size) * 1.2);line-height:var(--type-heading-line-height);margin:0}.recipe-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.recipe-stepper,.recipe-units{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);align-items:center;display:inline-flex;overflow:hidden}.recipe-stepper button,.recipe-units button{min-width:44px;min-height:44px;padding:0 var(--space-3);color:var(--color-text);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);cursor:pointer;background:0 0;border:0}.recipe-stepper button:disabled{color:var(--color-text-subtle);cursor:default}.recipe-stepper output{padding:0 var(--space-2);font-family:var(--type-data-family);white-space:nowrap}.recipe-units button[aria-pressed=true]{background:var(--color-action);color:var(--color-on-action)}.recipe button:focus-visible,.recipe a:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.recipe-ingredient-list,.recipe-step-list{margin:0;padding:0}.recipe-ingredient-list{flex-direction:column;list-style:none;display:flex}.recipe-ingredient-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-line);overflow-wrap:anywhere}.recipe-food-link{color:inherit;-webkit-text-decoration:underline dotted var(--color-text-muted);text-decoration:underline dotted var(--color-text-muted);text-underline-offset:3px;text-decoration-thickness:1px}.recipe-food-link:hover{color:var(--color-action);text-decoration-style:solid;text-decoration-color:currentColor}.recipe-qty,.recipe-time{font-family:var(--type-data-family);font-weight:600}.recipe-step-list{counter-reset:step;gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.recipe-step-list li{counter-increment:step;column-gap:var(--space-3);overflow-wrap:anywhere;grid-template-columns:2rem minmax(0,1fr);max-width:44rem;display:grid}.recipe-step-list li:before{content:counter(step);font-family:var(--type-data-family);color:var(--color-action);font-weight:700}.recipe-time{color:var(--color-text);background:var(--color-action-soft);border-radius:var(--radius-s);padding:0 var(--space-1)}.recipe-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:640px){.recipe{--recipe-margin:var(--space-5);padding-top:var(--space-5)}.recipe-head{gap:var(--space-5);padding:0 var(--recipe-margin);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.recipe-photo{border-radius:var(--radius-l)}.recipe-similar-row{grid-auto-columns:minmax(200px,30%)}.recipe-intro{padding:0}.recipe-jump{display:none}}@media (min-width:1100px){.recipe{--recipe-margin:var(--space-6);padding-top:var(--space-6)}.recipe-head{gap:var(--space-6);grid-template-columns:7fr 5fr}.recipe-body{gap:var(--space-6);grid-template-columns:4fr 8fr;align-items:start}.recipe-ingredients{grid-row:span 2}.recipe-nutrition{grid-column:2}.recipe-similar-row{grid-auto-columns:minmax(0,1fr);overflow-x:visible}.recipe-ingredients{top:calc(64px + var(--space-5));max-height:calc(100vh - 64px - 2 * var(--space-5));position:sticky;overflow-y:auto}}