use custom-card CSS as inline bundle

src/_includes/partials/card-blog.njk

@@ -17,3 +17,7 @@
   {% endif %}
   <div slot="content" webc:nokeep>{{ item.data.description | markdownFormat | safe }}</div>
 </custom-card>
+
+{% css "inline" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}

src/_includes/partials/card-tag.njk

@@ -5,3 +5,7 @@
   <span slot="date"> {% include "partials/date.njk" %} </span>
   <p slot="content">{{ item.data.description }}</p>
 </custom-card>
+
+{% css "inline" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}

src/_includes/webc/custom-card.webc

@@ -4,7 +4,4 @@
   <div class="meta | cluster"><slot name="date"></slot><slot name="tag"></slot></div>
   <slot name="content"></slot>
   <slot name="footer"></slot>
-
-  <!-- TODO: find out why is this not being hoisted into the webc css bundle?  -->
-  <link rel="stylesheet" href="/assets/css/components/custom-card.css" />
 </custom-card>

src/pages/built-with.njk

@@ -55,3 +55,7 @@ widths: [400, 520]
 
   {% svg "divider/soft-bottom", null, "seperator" %}
 </article>
+
+{% css "inline" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}