wip: getting closer

src/components/AboutSection.astro

@@ -10,7 +10,7 @@ interface Props {
 const { introduction, summary, license } = Astro.props;
 ---
 
-<section id="about" class="py-20 sm:py-28 bg-gray-100 dark:bg-slate-900/30">
+<section id="about" class="py-20 sm:py-28">
   <div class="section-container">
     <div class="max-w-3xl mx-auto">
       <!-- Section header -->
@@ -23,9 +23,7 @@ const { introduction, summary, license } = Astro.props;
       </div>
 
       <!-- Introduction -->
-      <div class="prose-spec mb-12">
-        <div class="spec-content" set:html={introduction} />
-      </div>
+      <div class="prose-spec mb-12" set:html={introduction} />
 
       <!-- Summary as feature cards -->
       <div class="mb-16">
@@ -35,7 +33,7 @@ const { introduction, summary, license } = Astro.props;
         >
           Key Principles
         </h3>
-        <div class="spec-content prose-spec" set:html={summary} />
+        <div class="prose-spec" set:html={summary} />
       </div>
 
       <!-- Feedback & License -->
@@ -65,27 +63,10 @@ const { introduction, summary, license } = Astro.props;
             >
               License
             </h4>
-            <div
-              class="spec-content text-gray-600 dark:text-slate-400"
-              set:html={license}
-            />
+            <div class="text-gray-600 dark:text-slate-400" set:html={license} />
           </div>
         </div>
       </div>
     </div>
   </div>
 </section>
-
-<style>
-  .spec-content :global(p:last-child) {
-    margin-bottom: 0;
-  }
-
-  .spec-content :global(a) {
-    color: var(--color-accent);
-  }
-
-  .spec-content :global(a:hover) {
-    color: var(--color-accent-light);
-  }
-</style>