feat: style layers, imports and nesting

src/posts/2024/automatic-mastodon-post-embeds.md

@@ -35,10 +35,6 @@ This all lands in a `mastodon-post.liquid` partial that I render inside my post
 ```liquid
 {%- assign shareLink = postUrl | findPost: linkPosts -%}
 {%- if shareLink %}
-{% capture css %}
-  {% render "../../assets/styles/components/mastodon-post.css" %}
-{% endcapture %}
-<style>{{ css }}</style>
 <script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
 <template id="mastodon-post-template">
   <div class="mastodon-post-wrapper">

src/posts/2024/building-a-theme-toggle-web-component.md

@@ -118,10 +118,6 @@ The final template that leverages the component looks like this:
 {% raw %}
 ```liquid
 <script type="module" src="/assets/scripts/components/theme-toggle.js"></script>
-{% capture css %}
-  {% render "../../../assets/styles/components/theme-toggle.css" %}
-{% endcapture %}
-<style>{{ css }}</style>
 <template id="theme-toggle-template">
   <button class="theme__toggle">
     <span class="light">