Where to place CSS files in Ember.js?
<p>We have some custom style definitions in our application. Currently all developers are adding styles to the <code>app.css</code>. But we don't want to make it a huge file. And also we don't want to mess the style classes.</p>

<p>How can we place our custom styles on our application? Is there a best practices to do it? (All guide/document references are welcome.)</p>

<p>And a second question: Is there a place to put styles of a specific route or component?</p>

<p><strong>Updated:</strong> To be more specific, I want to apply the following style to only a specific route or component:</p>

<pre><code>body {
  font-size: 13px;
}
table {
  table-layout: fixed;
}
</code></pre>