.recipe-detail-page{background:#fbf5ed;color:#32221b;min-height:100vh}
.recipe-detail-page .recipe-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;padding:0;margin:24px 0 0;list-style:none}
.recipe-detail-page .recipe-badge-cost small{white-space:nowrap;overflow-wrap:normal}
.recipe-detail-page .recipe-meta .recipe-badge{display:flex;align-items:center;gap:9px;margin:0;padding:7px 10px 7px 8px;border:1px solid #e1d4c7;border-radius:999px;background:#fffaf5;line-height:1.3;min-width:0;min-height:58px}
.recipe-detail-page .recipe-badge img{width:38px;height:38px;flex:0 0 38px;object-fit:contain}
.recipe-detail-page .recipe-badge>div{min-width:0;overflow-wrap:anywhere}
.recipe-detail-page .recipe-badge small{display:block;font-size:.72rem;color:#735f52;margin-bottom:3px}
.recipe-detail-page .recipe-badge strong{display:block;font-size:.85rem;font-weight:650;color:#38261d;white-space:nowrap;overflow-wrap:normal}
.recipe-detail-page main.recipe{max-width:1120px;padding:32px 24px;margin:auto}
.recipe-detail-page main.recipe h1{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}
.recipe-detail-page .recipe-title-icon{width:68px;height:68px;object-fit:contain;flex-shrink:0}
.recipe-detail-page main.recipe>.recipe-photo{display:block;width:100%;height:clamp(260px,48vw,580px);max-height:none;object-fit:cover;margin:28px auto;border-radius:20px}
.recipe-detail-page .recipe-gallery{display:flex;gap:16px;overflow:auto;margin-bottom:24px}
.recipe-detail-page .recipe-gallery img{width:180px;height:140px;object-fit:cover;border-radius:12px}
.recipe-detail-page .recipe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'steps ingredients' 'nutrition nutrition';gap:32px;align-items:stretch;margin-top:32px}
.recipe-detail-page .recipe-ingredient-panel{grid-area:ingredients}
.recipe-detail-page .recipe-step-panel{grid-area:steps}
.recipe-detail-page .recipe-layout>section,.recipe-detail-page .recipe-nutrition{min-width:0;padding:24px;background:#fffaf5;border:1px solid #e1d4c7;border-radius:18px}
.recipe-detail-page .recipe-layout h2{display:flex;align-items:center;gap:12px;font-size:1.6rem;margin:0 0 20px;line-height:1.25}
.recipe-detail-page .recipe-layout h2 img{width:54px;height:54px;object-fit:contain;flex-shrink:0}
.recipe-detail-page .recipe-step-panel ol{padding-left:26px;margin:0}
.recipe-detail-page .recipe-step-panel li{padding-left:6px;margin:0 0 22px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.recipe-detail-page .recipe-step-panel li::marker{color:#104b3c;font-weight:700}
.recipe-detail-page .recipe-step-panel>section{margin-top:32px}
.recipe-detail-page #recipe-ingredients{list-style:none;padding:0;margin:20px 0}
.recipe-detail-page #recipe-ingredients li{margin:0;border-bottom:1px solid #e1d4c7;padding:12px 0}
.recipe-detail-page #recipe-ingredients label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.6}
.recipe-detail-page #recipe-ingredients input{width:22px;height:22px;flex:0 0 22px;margin:2px 0 0;accent-color:#104b3c}
.recipe-detail-page #recipe-ingredients .is-checked span,.recipe-detail-page #recipe-ingredients input:checked+span{text-decoration:line-through;color:#6b7169}
.recipe-detail-page .checklist-help{font-size:.9rem;color:#62584d}
.recipe-detail-page .servings-control{display:flex;align-items:center;gap:12px;margin:0}
.recipe-detail-page .servings-control input{width:84px;padding:8px;font:inherit;border:1px solid #cbbbab;border-radius:8px}
.recipe-detail-page .recipe-nutrition{grid-area:nutrition;width:100%;max-width:none;margin:0;color:#17251f}
.recipe-detail-page .recipe-nutrition dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 16px}
.recipe-detail-page .recipe-nutrition dt{grid-row:1;font-weight:600}
.recipe-detail-page .recipe-nutrition dd{grid-row:2;margin:0}
.recipe-detail-page :focus-visible{outline:3px solid #d7973f;outline-offset:4px}
@media(min-width:1024px){
  .recipe-detail-page .recipe-meta{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);gap:8px}
  .recipe-detail-page .recipe-meta .recipe-badge{gap:7px;padding:7px 9px;min-width:max-content}
  .recipe-detail-page .recipe-badge img{width:32px;height:32px;flex-basis:32px}
  .recipe-detail-page .recipe-badge>div{min-width:max-content;overflow-wrap:normal}
  .recipe-detail-page .recipe-badge small,.recipe-detail-page .recipe-badge strong{white-space:nowrap;overflow-wrap:normal}
}
@media(max-width:720px){
  .recipe-detail-page .recipe-meta{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:8px}
  .recipe-detail-page .recipe-meta .recipe-badge{gap:6px;padding:7px 8px;min-height:56px}
  .recipe-detail-page .recipe-badge img{width:28px;height:28px;flex-basis:28px}
  .recipe-detail-page .recipe-badge small,.recipe-detail-page .recipe-badge strong{white-space:nowrap;overflow-wrap:normal}
  .recipe-detail-page main.recipe{padding:24px 16px}
  .recipe-detail-page main.recipe h1{font-size:2rem;gap:10px}
  .recipe-detail-page .recipe-title-icon{width:48px;height:48px}
  .recipe-detail-page .recipe-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'ingredients' 'steps' 'nutrition';gap:20px;margin-top:24px}
  .recipe-detail-page .recipe-layout>section,.recipe-detail-page .recipe-nutrition{padding:20px}
  .recipe-detail-page .recipe-nutrition dl{grid-template-columns:minmax(0,1fr) auto}
  .recipe-detail-page .recipe-nutrition dt,.recipe-detail-page .recipe-nutrition dd{grid-row:auto}
}