.recipe-filters{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:end;gap:1rem;padding:1rem;display:grid}.recipe-query,.recipe-filter-actions{grid-column:1/-1}.recipe-filters>div{min-inline-size:0}.recipe-filters label{margin-block-end:.45rem;font-weight:600;display:block}.recipe-filters :is(input,select){border:1px solid var(--line);background:var(--surface-soft);min-block-size:44px;inline-size:100%;min-inline-size:0;color:var(--text);font:inherit;border-radius:6px;padding:.65rem}.recipe-filter-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.recipe-filter-actions :is(button,a),.recipe-permalink a{align-items:center;min-block-size:44px;display:inline-flex}.recipe-results{margin-block:1.5rem;font-weight:700}.recipe-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));align-items:start;gap:1rem;padding:0;list-style:none;display:grid}.recipe-card,.recipe-empty{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-wrap:anywhere;min-inline-size:0;padding:clamp(1rem,2vw,1.5rem)}.recipe-card{scroll-margin-block-start:1rem}.recipe-card:target{border-color:var(--gold)}.recipe-card h2{margin-block:0 .5rem;font-size:1.3rem;line-height:1.4}.recipe-card h3{font-size:1.1rem}.recipe-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.recipe-facts dt,.recipe-reagent-english{color:var(--muted);font-size:.875rem}.recipe-facts dd{margin:.3rem 0 0}.recipe-reagents{padding-inline-start:1.25rem}.recipe-reagents li+li{margin-block-start:.75rem}.recipe-reagent-english{display:block}.recipe-sources summary{cursor:pointer;min-block-size:44px;padding-block:.7rem}