.recipe-page{--recipe-gutter:var(--page-gutter);padding-block:var(--space-page) var(--spacing-8);overflow-wrap:break-word}.recipe-opening,.recipe-body,.recipe-afterword,.recipe-recommendations{width:calc(100% - var(--recipe-gutter) * 2);max-width:calc(var(--page-wide) - var(--recipe-gutter) * 2);margin-inline:auto}.recipe-opening{grid-template-rows:repeat(5,min-content);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px 40px;display:grid}.recipe-heading{grid-area:1/1}.recipe-title{font-family:var(--font-display);font-size:var(--type-page);font-weight:var(--type-reading-weight);line-height:var(--type-page-leading);letter-spacing:-.035em;text-wrap:balance}.recipe-description{max-width:58ch;font-family:var(--font-sans);font-size:var(--type-body);font-weight:400;line-height:var(--type-body-leading);grid-area:2/1}.recipe-author{grid-area:3/1}.recipe-opening-actions{grid-area:4/1}.recipe-photo{border-radius:var(--radius-feature);grid-area:1/2/6/3;align-self:stretch;min-height:28rem}.recipe-photo img{object-position:50% 55%}.recipe-facts{border-top:1px solid var(--border-subtle);flex-wrap:wrap;grid-area:5/1;gap:16px 24px;padding-top:20px;display:flex}.recipe-facts .metadata-label{white-space:nowrap}.recipe-facts .metadata-label svg{display:none}.recipe-facts .metadata-item:has(.lucide-timer) .metadata-value{color:var(--accent-ink)}.recipe-body{padding-block:48px}.recipe-body-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:40px;display:grid}.recipe-ingredients{top:calc(var(--top-bar-height) + 24px);scroll-margin-top:calc(var(--top-bar-height) + 16px);position:sticky}.ingredients-panel{max-height:calc(100dvh - var(--top-bar-height) - 48px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent;overflow-y:auto}.recipe-step-list{flex-direction:column;gap:32px;display:flex}.step-instruction{max-width:62ch;font-family:var(--font-sans);font-size:var(--type-body);font-weight:400;line-height:var(--type-body-leading)}.recipe-afterword{gap:32px;display:grid}.recipe-recommendations{margin-top:48px}.recipe-section-nav{display:none}@media (min-width:768px) and (max-width:1279px){.recipe-opening{gap:20px 28px}.recipe-body-grid{grid-template-columns:264px minmax(0,1fr);gap:28px}}@media (max-width:1023px){.recipe-opening{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.recipe-heading,.recipe-description,.recipe-author,.recipe-opening-actions,.recipe-facts{grid-area:auto}.recipe-photo{aspect-ratio:16/10;grid-area:auto;min-height:0}}@media (max-width:767px){.recipe-page{padding-top:20px}.recipe-opening{gap:16px}.recipe-photo{border-radius:var(--radius-card)}.recipe-opening-actions>.recipe-cooking-action{flex-basis:100%}.recipe-opening-actions>:not(.recipe-cooking-action){flex-grow:1}.recipe-facts{gap:16px 24px;padding-top:16px}.recipe-body{padding-block:32px}.recipe-body-grid{flex-direction:column;gap:32px;display:flex}.recipe-ingredients{width:100%;position:static}.ingredients-panel{max-height:none;overflow:visible}.recipe-section-nav{flex:1;gap:8px;min-width:0;display:flex}.recipe-section-nav a{border-radius:var(--radius-control);min-height:44px;font-size:var(--type-ui);color:var(--ink-secondary);flex:1;justify-content:center;align-items:center;padding-inline:8px;display:flex}.recipe-section-nav a[aria-current]{background:var(--brand-surface);color:var(--ink);font-weight:600}body:has([data-shell-context-actions]) :is(#recipe-ingredients,#recipe-steps){scroll-margin-top:calc(var(--top-bar-height) + 44px + 16px)}}.recipe-page :where(h2){font-family:var(--type-heading-font);font-size:var(--type-heading);font-weight:var(--type-reading-weight);line-height:var(--type-heading-leading);letter-spacing:-.025em;text-wrap:pretty}