.recipe-feed-grid,.hub-community .recipe-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:stretch}
.recipe-preview{display:flex;flex-direction:column;min-width:0;border:0;padding:0}
.recipe-preview[hidden]{display:none}
.recipe-preview-media{position:relative;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:var(--panel);border-radius:var(--radius-card)}
.recipe-preview .entity-link::after{content:none}
.recipe-preview .recipe-preview-media .recipe-preview-image-link{position:absolute;inset:0;z-index:0;display:grid;place-items:center}
.recipe-preview-image-link>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.recipe-preview-badge,.recipe-preview-equipment{position:absolute;left:12px;right:12px;pointer-events:none}
.recipe-preview-badge{top:12px}
.recipe-preview-equipment{bottom:12px;display:flex;flex-wrap:wrap;gap:0 4px}
.recipe-preview-badge .recipe-facet,.recipe-preview-equipment .recipe-facet{display:inline-flex;align-items:center;max-width:100%;border-radius:var(--radius-control);pointer-events:auto;color:var(--ink);overflow-wrap:anywhere;position:relative;isolation:isolate;background:transparent;padding:8px;gap:4px}
.recipe-preview-badge .recipe-facet::before,.recipe-preview-equipment .recipe-facet::before{content:'';position:absolute;inset:6px 0;z-index:-1;border-radius:var(--radius-control);background:rgb(244 243 237 / 72%)}
.recipe-preview-badge .recipe-trophy{width:16px;height:16px}
.recipe-preview-equipment .recipe-facet::before{background:rgb(36 53 61 / 8%)}
.recipe-preview-media:has(img) .recipe-preview-equipment .recipe-facet{color:var(--paper)}
.recipe-preview-media:has(img) .recipe-preview-equipment .recipe-facet::before{background:rgb(36 53 61 / 72%)}

@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.recipe-preview-badge .recipe-facet::before,.recipe-preview-equipment .recipe-facet::before{background:var(--paper)}.recipe-preview-media:has(img) .recipe-preview-equipment .recipe-facet::before{background:var(--ink)}}
.recipe-facet{font:inherit;color:inherit;text-align:left;padding:0;min-height:44px;line-height:1.4;background:none;border:0;cursor:pointer}
.recipe-facet:hover{text-decoration:underline;text-underline-offset:4px}
.recipe-preview-badge .recipe-facet,.recipe-preview-badge .recipe-facet:hover{text-decoration:none}
.recipe-preview-badge .recipe-facet:hover::before{background:rgb(244 243 237 / 85%)}
.recipe-facet:focus-visible,.recipe-preview a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hub-community .hub-head-aside{justify-self:end}
.recipe-preview-image-link>.brewer-drawing{width:55%;height:65%;max-width:none;max-height:none}
.recipe-preview-body{display:flex;flex:1;flex-direction:column;gap:4px;padding-top:4px}
.recipe-preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:var(--muted)}
.recipe-preview-label{display:flex;align-items:center;gap:8px;min-width:0;line-height:1.4}
.recipe-trophy{flex-shrink:0;color:var(--accent)}
.recipe-preview h3{font-size:var(--type-lead);line-height:1.25;margin:0;overflow-wrap:anywhere}
.recipe-preview p{font-size:var(--type-body);line-height:1.5;margin:0}
.recipe-preview-context{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recipe-preview footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:16px;color:var(--muted);font-size:var(--type-body);line-height:1.5}
.recipe-preview footer .text-button{padding:0;text-align:left;min-height:44px}
.recipe-preview-status{font-size:var(--type-body)}
.recipe-feed-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.recipe-feed-toolbar .public-search{flex:1 1 280px;max-width:none}
.recipe-feed-toolbar .community-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}
.recipe-feed-toolbar .hub-filter{min-width:0;margin:0}
.recipe-feed-toolbar .select-trigger{font-size:var(--type-body);min-height:54px}
@media(max-width:1000px){.recipe-feed-grid,.hub-community .recipe-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-feed-toolbar .public-search{flex-basis:100%}}
@media(max-width:600px){.hub-community .hub-head-aside{justify-self:start}.hub-community .hub-editorial-head{gap:16px;padding-bottom:24px}.recipe-feed-toolbar .hub-filter{width:100%;margin:0}.recipe-feed-grid,.hub-community .recipe-feed-grid{grid-template-columns:1fr;gap:32px}.recipe-feed-toolbar .community-filter-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 54px}.recipe-feed-toolbar .hub-filter:first-child{grid-column:1/-1}.recipe-feed-toolbar .hub-filter .styled-select{width:100%}.recipe-feed-toolbar .select-trigger{width:100%}}