.recipe-wrap{--gap:18px;--radius:12px}
.recipe-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:var(--gap);align-items:center;margin-bottom:clamp(12px,2vw,20px)}
.recipe-search{display:grid;grid-template-columns:1fr auto;gap:var(--gap)}
.recipe-input{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px}
.recipe-btn{height:40px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;background:#f3f4f6;font-weight:600}
.recipe-btn--primary{background:#22c55e;border-color:#16a34a;color:#fff}
.recipe-filters{display:flex;gap:var(--gap);flex-wrap:wrap}
.recipe-select{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.recipe-actions{display:flex;gap:var(--gap);justify-content:flex-end}
.recipe-chip{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:999px;background:#eef2ff;font-weight:600;font-size:12px;border:1px solid #c7d2fe}
.recipe-chip--soft{background:#e5e7eb;border-color:#d1d5db}

.recipe-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.recipe-card{grid-column:span 12;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
@media(min-width:680px){.recipe-card{grid-column:span 6}}
@media(min-width:980px){.recipe-card{grid-column:span 4}}
.recipe-thumb{display:block;aspect-ratio:16/9;background:#f3f4f6}
.recipe-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.recipe-thumb--placeholder{width:100%;height:100%;background:linear-gradient(120deg,#f3f4f6,#e5e7eb)}
.recipe-body{padding:14px}
.recipe-title{margin:0 0 6px;font-size:20px}
.recipe-title a{text-decoration:none;color:inherit}
.recipe-excerpt{color:#4b5563;font-size:14px;margin:0 0 12px}
.recipe-chips{display:flex;gap:8px;flex-wrap:wrap}
.recipe-empty{padding:24px;border:1px dashed #e5e7eb;border-radius:12px;text-align:center;color:#6b7280}