.filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:32px}
.recipe{padding:0;overflow:hidden;grid-template-rows:auto 1fr}
.recipe .ph{aspect-ratio:16/10;border-radius:0}
.recipe-body{padding:22px;display:grid;gap:12px;align-content:start}
.recipe-facts{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 var(--fs-xs) var(--font-mono);color:var(--muted)}
.recipe details{border-top:1px solid var(--line);padding-top:12px}
.recipe summary{cursor:pointer;font-weight:600;color:var(--leaf)}
.recipe h4{font-size:var(--fs-sm);margin:14px 0 6px;font-family:var(--font-mono);color:var(--muted);font-weight:500}
.recipe ul,.recipe ol{margin:0;padding-left:20px;display:grid;gap:4px;font-size:var(--fs-sm)}
.part{display:flex;gap:6px;flex-wrap:wrap}
.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}
.tip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-top:48px}