.recipe-page{--recipe-gutter:40px;overflow-wrap:break-word;padding-block:24px 32px}.recipe-opening,.recipe-body,.recipe-afterword,.recipe-recommendations{width:calc(100% - var(--recipe-gutter) * 2);max-width:1160px;margin-inline:auto}.recipe-opening{grid-template-rows:repeat(4,min-content) 1fr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px 40px;display:grid}.recipe-heading{grid-area:1/1;padding-top:12px}.recipe-title{letter-spacing:-.025em;text-wrap:balance;font-size:42px;line-height:1.14}.recipe-photo{border-radius:16px;grid-area:1/2/6/3;align-self:stretch;min-height:510px}.recipe-photo img{object-position:50% 55%}.recipe-facts{grid-area:2/1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.recipe-description{grid-area:3/1;font-size:15px;line-height:1.7}.recipe-author{grid-area:4/1}.recipe-opening-actions{grid-area:5/1}.recipe-body{padding-block:40px}.recipe-body-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:48px;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:22px;display:flex}.step-instruction{max-width:68ch;font-size:17px;line-height:1.65}.recipe-afterword{gap:32px;display:grid}.recipe-recommendations{margin-top:32px}.recipe-section-nav{display:none}@media (min-width:768px) and (max-width:1279px){.recipe-page{--recipe-gutter:28px}.recipe-opening{gap:20px 28px}.recipe-title{font-size:36px}.recipe-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe-body-grid{grid-template-columns:264px minmax(0,1fr);gap:32px}}@media (min-width:768px) and (max-width:1023px){.recipe-opening{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.recipe-photo{aspect-ratio:4/3;grid-area:2/1;min-height:0}.recipe-facts{grid-area:3/1;grid-template-columns:repeat(5,minmax(0,1fr))}.recipe-opening-actions{grid-area:4/1}.recipe-author{grid-area:5/1}.recipe-description{grid-area:6/1}.recipe-body-grid{grid-template-columns:224px minmax(0,1fr);gap:24px}}@media (max-width:767px){.cooklab-app:has(.recipe-page){--top-bar-height:max(44px, calc(52px - env(safe-area-inset-bottom)))}.cooklab-app:has(.recipe-page) nav[aria-label=Navigation\ mobile]>div{min-height:max(44px, calc(64px - env(safe-area-inset-bottom)))}.cooklab-app:has(.recipe-page) nav[aria-label=Navigation\ mobile]{border-top:0}.cooklab-app:has(.recipe-page) nav[aria-label=Navigation\ mobile] :is(a,button){min-height:max(44px, calc(48px - env(safe-area-inset-bottom)))}.recipe-page{--recipe-gutter:20px;padding-top:20px}.recipe-opening{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:12px}.recipe-heading{padding:0}.recipe-title{font-size:30px;line-height:1.15}.recipe-photo{aspect-ratio:4/3;border-radius:14px;grid-area:2/1;min-height:0}.recipe-facts{grid-area:3/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.recipe-facts .metadata-item{gap:3px}.recipe-opening-actions{grid-area:4/1}.recipe-opening-actions>.recipe-cooking-action{flex:1}.recipe-author{grid-area:5/1}.recipe-description{grid-area:6/1}.recipe-body{padding-block:16px 32px}.recipe-body-grid{flex-direction:column;gap:32px;display:flex}.recipe-ingredients{width:100%;position:static}.ingredients-panel{max-height:none;overflow:visible}.ingredients-panel li{font-size:15px}.step-instruction{line-height:1.75}.recipe-section-nav{flex:1;gap:8px;min-width:0;display:flex}.recipe-section-nav a{min-height:44px;color:var(--muted-foreground);border-radius:8px;flex:1;justify-content:center;align-items:center;padding-inline:8px;font-size:14px;display:flex}.recipe-section-nav a[aria-current]{background:var(--brand-surface);color:var(--foreground);font-weight:600}.topbar-context-link:has(+.topbar-context-actions .recipe-section-nav){display:none}.topbar-context-actions:has(.recipe-section-nav){flex:1;width:100%}}