.ff { max-width: 1000px; margin: 0 auto; padding: 2rem 1rem; }
.ff-meta { color: #777; }
.ff-filters { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.ff-filters li { margin: 0; }
.ff-filter-label { font-weight: bold; }
.ff-filters a { display: block; padding: .2rem .8rem; border: 1px solid #ccc; border-radius: 1rem; }
.ff-filters a.active { background: #3f8f8b; border-color: #3f8f8b; color: #fff; }
.ff-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.ff-card { display: block; padding: 1rem; border: 1px solid #e5e5e5; border-radius: 8px; }
.ff-card img { width: 100%; height: auto; border-radius: 4px; }
.ff-card h3 { margin-top: 0; }
.ff-footer { text-align: center; }
.ff-footer h3 { margin-top: 0; }
.ff-nutrition { border-collapse: collapse; }
.ff-nutrition th, .ff-nutrition td { padding: .3rem 1.5rem .3rem 0; border-bottom: 1px solid #e5e5e5; text-align: left; }