.recipe-card{border:1px solid color-mix(in srgb, var(--bark) 10%, transparent);border-radius:var(--radius-lg);background:var(--surface-muted);box-shadow:var(--shadow-md);color:var(--ink);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.recipe-card:hover{border-color:color-mix(in srgb, var(--bark) 20%, transparent);box-shadow:var(--shadow-lg)}.recipe-card-media{background:color-mix(in srgb, var(--recipe-tone) 30%, var(--surface-warm));place-items:end center;height:226px;padding:1rem 0 0;display:grid;position:relative;overflow:hidden}.recipe-card-media.has-photo{padding:0}.recipe-card-media .mushroom-plate{width:74%;margin-bottom:-.75rem}.recipe-card-badges{flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}.recipe-badge{font-size:var(--text-xs);padding:.25rem .75rem;font-weight:850;line-height:1.4}.recipe-badge--draft{background:var(--surface);color:var(--danger-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger-ink) 35%, transparent)}.recipe-card-body{align-content:start;gap:.5rem;padding:1.5rem 1.5rem 1.25rem;display:grid}.recipe-card-kicker{color:var(--gold)}.recipe-card-title{color:var(--forest-panel);font-size:var(--heading-card);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.2}.recipe-card-summary{color:var(--muted);font-size:var(--text-base);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.recipe-card-facts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.25rem;display:flex}.recipe-card-meta{font-size:var(--text-xs);flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;font-weight:800;list-style:none;display:flex}.recipe-card-allergens{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.recipe-card-allergens .recipe-allergen-icon{width:1.75rem;height:1.75rem}.recipe-card-meta li{align-items:center;gap:.25rem;display:inline-flex}.recipe-card-meta svg{color:var(--gold)}.recipe-card-link{margin-top:.25rem}@media (prefers-reduced-motion:no-preference){.recipe-card{transition:transform .25s,box-shadow .25s,border-color .25s}.recipe-card:hover{transform:translateY(-6px)}.recipe-card:hover .mushroom-plate-item{transform:rotate(var(--plate-rotate,0deg)) translateY(-3%)}}
.recipe-allergen-icon{background:color-mix(in srgb, var(--allergen-accent,var(--gold)) 16%, var(--surface));width:2rem;height:2rem;color:var(--allergen-accent,var(--gold));border-radius:50%;flex:none;place-items:center;display:grid}[data-allergen=gluten],[data-allergen=ou],[data-allergen=mostassa]{--allergen-accent:var(--amber-550)}[data-allergen=llet],[data-allergen=peix],[data-allergen=molluscs]{--allergen-accent:var(--sky-650)}[data-allergen=fruits-de-closca],[data-allergen=cacauets],[data-allergen=sesam]{--allergen-accent:var(--bark-400)}[data-allergen=soja],[data-allergen=api],[data-allergen=tramussos]{--allergen-accent:var(--forest-550)}[data-allergen=crustacis]{--allergen-accent:var(--clay-500)}[data-allergen=sulfits]{--allergen-accent:var(--clay-550)}