.recipe-detail{max-width:1400px;margin:0 auto;padding:2rem}[data-mantine-color-scheme=light] .recipe-detail{--mantine-color-recipe-accent-6:var(--recipe-accent-light);--mantine-color-recipe-accent-filled:var(--recipe-accent-light);--mantine-color-recipe-accent-filled-hover:color-mix(in srgb, var(--recipe-accent-light) 85%, #000);--mantine-color-recipe-accent-text:var(--recipe-accent-text-light);--mantine-color-recipe-accent-light:color-mix(in srgb, var(--recipe-accent-light) 10%, transparent);--mantine-color-recipe-accent-light-hover:color-mix(in srgb, var(--recipe-accent-light) 14%, transparent);--mantine-color-recipe-accent-light-color:var(--recipe-accent-light)}[data-mantine-color-scheme=dark] .recipe-detail{--mantine-color-recipe-accent-6:var(--recipe-accent-dark);--mantine-color-recipe-accent-filled:var(--recipe-accent-dark);--mantine-color-recipe-accent-filled-hover:color-mix(in srgb, var(--recipe-accent-dark) 85%, #000);--mantine-color-recipe-accent-text:var(--recipe-accent-text-dark);--mantine-color-recipe-accent-light:color-mix(in srgb, var(--recipe-accent-dark) 15%, transparent);--mantine-color-recipe-accent-light-hover:color-mix(in srgb, var(--recipe-accent-dark) 20%, transparent);--mantine-color-recipe-accent-light-color:var(--recipe-accent-dark)}.recipe-header{margin-bottom:3rem}.recipe-header h1{margin-bottom:.5rem;font-size:2.5rem;line-height:1.2}.recipe-hero{box-shadow:light-dark(0 4px 12px #0000001a,0 4px 12px #0006);border-radius:12px;grid-template-columns:40% 60%;gap:0;margin-bottom:4rem;display:grid;overflow:hidden}.recipe-hero-image{position:relative;overflow:hidden}.recipe-hero-content{flex-direction:column;justify-content:flex-start;padding:2rem;display:flex}.recipe-metadata-row{border-top:1px solid light-dark(var(--mantine-color-gray-3),var(--mantine-color-dark-4));padding-top:1.5rem}@media (width<=900px){.recipe-hero{grid-template-columns:1fr}}.recipe-content-grid{grid-template-columns:1fr 2fr;align-items:start;gap:3rem;margin-bottom:4rem;display:grid}.recipe-ingredients-column{top:calc(var(--navbar-height-desktop) + 20px);position:sticky}.recipe-instructions-column{min-width:0}.recipe-full-width-section{max-width:100%}@media (width>=900px){.notes-section>.mantine-Stack-root{max-width:1100px;margin-left:auto;margin-right:auto}}.time-box,.yield-box{background:var(--mantine-color-gray-0)}:root[data-mantine-color-scheme=dark] .time-box,:root[data-mantine-color-scheme=dark] .yield-box{background:var(--mantine-color-dark-6)}.ingredients-section{background:var(--mantine-color-gray-0);border:1px solid var(--mantine-color-gray-3);border-radius:8px;padding:1.5rem}:root[data-mantine-color-scheme=dark] .ingredients-section{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.sc-label[data-active]{color:var(--sc-text-color)!important}.equipment-section{background:var(--mantine-color-gray-0);border:1px solid var(--mantine-color-gray-3);border-radius:8px;padding:1.5rem}:root[data-mantine-color-scheme=dark] .equipment-section{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.instructions-section h2,.notes-section h2{margin-bottom:1rem;font-size:1.75rem}.notes-paper{word-break:break-word;overflow-wrap:break-word}.notes-paper p,.notes-paper li,.notes-paper ul,.notes-paper ol{color:inherit}.notes-paper a{word-break:break-word;overflow-wrap:break-word}.notes-section ul,.notes-section ol{margin:.5rem 0;padding-left:1.5rem}.notes-section li{margin:.5rem 0}@media (width<=900px){.recipe-content-grid{grid-template-columns:1fr}.recipe-ingredients-column{position:static}main:has(#recipe-detail-root){padding-bottom:0}.recipe-detail{padding:0}.recipe-header{margin-bottom:2rem}.recipe-header h1{font-size:2rem}.recipe-body{gap:1.5rem}.recipe-detail{position:relative}.recipe-mobile-content{z-index:2;background:light-dark(var(--mantine-color-body),var(--mantine-color-dark-7));will-change:transform;border-radius:24px 24px 0 0;padding:2rem 1rem;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 -14px 40px #000000a6,0 -4px 12px #00000073}.recipe-hero-container:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(to bottom, transparent 0%, light-dark(var(--mantine-color-body),var(--mantine-color-dark-7)) 100%);height:50%;position:absolute;bottom:0;left:0;right:0}.mobile-scroll-indicator{background-color:light-dark(#0003,#ffffff4d)}}.recipe-responsive{grid-template-columns:40% 60%;display:grid}.recipe-responsive-body{display:contents}.recipe-responsive-image{background:var(--mantine-color-body);border-radius:12px 0 0 12px;min-height:400px;margin-bottom:3rem;position:relative;overflow:hidden}.recipe-responsive .recipe-hero-content{border-radius:0 12px 12px 0;margin-bottom:3rem}.recipe-responsive:not(.has-image) .recipe-hero-content,.recipe-responsive-intro,.recipe-responsive .recipe-content-grid,.recipe-responsive .recipe-full-width-section{grid-column:1/-1}.recipe-mobile-tabs{display:none}.overlay-loading{z-index:1200;background:var(--mantine-color-body);border:1px solid var(--mantine-color-default-border);border-radius:8px;padding:1rem;position:fixed;inset:auto 1rem 1rem}@media (width<=900px){.recipe-responsive{display:block}.recipe-responsive-image{top:calc(-1 * env(safe-area-inset-top,0px));height:calc(60vh + env(safe-area-inset-top,0px));z-index:0;border-radius:0;min-height:0;margin:0;position:fixed;left:0;right:0}.recipe-responsive-body{z-index:2;background:light-dark(var(--mantine-color-body),var(--mantine-color-dark-7));border-radius:24px 24px 0 0;padding:2rem 1rem;display:block;position:relative;box-shadow:0 -14px 40px #000000a6}.has-image .recipe-responsive-body{margin-top:40vh}.recipe-responsive .recipe-hero-content{margin-bottom:2rem;padding:0;background:0 0!important}.recipe-responsive-metadata{row-gap:1rem;margin-top:1rem}.recipe-responsive-metadata>*{flex:100px;min-width:0}.recipe-mobile-tabs{margin-bottom:1rem;display:block}.recipe-content-grid{gap:1rem;margin-bottom:2rem}.recipe-content-grid[data-active-tab=instructions] .recipe-ingredients-column,.recipe-content-grid[data-active-tab=ingredients] .instructions-section{display:none}}
