.recipe-page .skip-link,html.recipe-root,html.recipe-root body{background:var(--white)}.recipe-header,.recipe-shell{flex-direction:column;display:flex}.recipe-action-link,body.recipe-page{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif}html.recipe-root{scroll-snap-type:none}body.recipe-page{margin:0;color:var(--black);min-height:100%}.recipe-page .skip-link{color:var(--black);box-shadow:0 0 0 2px var(--black)}.recipe-shell{max-width:1080px;margin:0 auto;padding:3rem 1.5rem 5rem;gap:3rem}.recipe-header{text-align:center;gap:1rem}.recipe-hero{margin:0 auto 2rem;max-width:960px;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--black) 10%,transparent);box-shadow:0 25px 45px color-mix(in srgb,var(--black) 18%,transparent);background:color-mix(in srgb,var(--white) 80%,var(--black) 20%)}.recipe-hero img{display:block;width:100%;height:auto;object-fit:cover}.recipe-back{align-self:flex-start;font-size:1.1rem;text-decoration:none;color:var(--black);border-bottom:1px solid transparent;padding-bottom:.25rem}.recipe-back:focus,.recipe-back:hover,.recipe-noscript-list a:focus,.recipe-noscript-list a:hover{border-color:var(--black);color:var(--black)}.recipe-title{font-size:2.8rem;margin:0;color:var(--black)}.recipe-intro{margin:0 auto;max-width:680px;font-size:1.6rem;line-height:1.6;color:var(--black)}.recipe-main{display:flex;flex-direction:column;gap:4rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.recipe-grid[hidden]{display:none}.recipe-status{margin:0 0 1.5rem;font-size:1.1rem;color:var(--black)}.recipe-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#fff;border:1px solid color-mix(in srgb,var(--black) 8%,transparent);border-radius:14px;text-decoration:none;color:var(--black);transition:transform .2s,box-shadow .2s,border-color .2s}.recipe-card img{border-radius:10px;box-shadow:0 8px 24px color-mix(in srgb,var(--black) 8%,transparent)}.recipe-card-title,.recipe-ingredients h3,.recipe-method h3{margin:0;font-size:1.5rem;color:var(--black)}.recipe-card-desc{margin:0;font-size:1.1rem;color:var(--black);line-height:1.5}.recipe-card:focus,.recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--black) 12%,transparent);border-color:color-mix(in srgb,var(--brown) 35%,transparent)}.recipe-actions,.recipe-article{border-top:1px solid color-mix(in srgb,var(--black) 8%,transparent)}.recipe-noscript-list{margin:1rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;font-size:1.1rem;color:var(--black)}.recipe-noscript-list a{color:var(--black);text-decoration:none;border-bottom:1px solid transparent}.recipe-article{display:flex;flex-direction:column;gap:2.5rem;padding-top:2rem}.recipe-article:first-of-type{border-top:none;padding-top:0}.recipe-article-header{display:flex;flex-direction:column;gap:1rem}.recipe-article-header h2{margin:0;font-size:2.3rem;color:var(--black)}.ingredient-group h4,.recipe-lead{font-size:1.2rem;color:var(--black);margin:0}.recipe-lead{max-width:720px;line-height:1.6}.recipe-layout{display:flex;flex-direction:column;gap:2.5rem}.recipe-ingredients{background:#fff;border:1px solid color-mix(in srgb,var(--black) 8%,transparent);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:1.75rem}.ingredient-group{display:flex;flex-direction:column;gap:.75rem}.ingredient-group h4{text-transform:uppercase;letter-spacing:.04em}.ingredient-group ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;font-size:1.1rem;color:var(--black)}.recipe-steps,.recipe-tip h4{font-size:1.2rem;color:var(--black)}.recipe-method{display:flex;flex-direction:column;gap:2rem}.recipe-steps{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:1rem}.recipe-steps li{line-height:1.7}.recipe-steps li::marker{font-weight:700}.recipe-tip{background:color-mix(in srgb,var(--yellow) 12%,transparent);border-left:4px solid var(--orange);padding:1.25rem;border-radius:10px;color:var(--black)}.recipe-tip h4{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.recipe-tip p{margin:0;line-height:1.6}.recipe-actions{margin-top:3rem;padding-top:2rem}.recipe-actions-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.recipe-action-link{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--black) 15%,transparent);background:#fff;color:var(--black);text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}.recipe-action-link:focus-visible{outline:3px solid color-mix(in srgb,var(--yellow) 70%,transparent);outline-offset:2px}.recipe-action-link:focus,.recipe-action-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brown) 40%,transparent);box-shadow:0 8px 20px color-mix(in srgb,var(--black) 12%,transparent);color:var(--black)}.recipe-action-btn{border:none;background:linear-gradient(1deg,var(--orange),var(--yellow));color:var(--black);cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--orange) 25%,transparent)}.recipe-action-btn:focus,.recipe-action-btn:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--orange) 35%,transparent)}@media (min-width:700px){.recipe-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:3rem;align-items:start}.recipe-ingredients{position:sticky;top:2rem}}@media (max-width:640px){.recipe-shell{padding:2.5rem 1rem 4rem}.recipe-title{font-size:2.3rem}.recipe-intro{font-size:1.5rem}.recipe-card{padding:1rem}.recipe-ingredients{padding:1.4rem}}