update ai summary expander to anchor tag and relocate AI Policy link

Author: gabrielakhanna

layouts/shortcodes/ai-summary.html

@@ -1,6 +1,6 @@
 <div class="ai-summary-wrapper">
   <div class="ai-summary">
-    <div class="expander" onclick="this.classList.toggle('open');">
+    <a class="expander" onclick="this.classList.toggle('open');">
       <div class="grid">
         <div class="ai-summary-header">
           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><title>Key Takeaways</title>
@@ -14,9 +14,10 @@
             </svg>
             <div class="h3">Key Takeaways</div>
           </div>
-          <p class="summary">AI generated summary reviewed by our newsroom. <a href="#">Read our AI Policy.</a></p>
+          <p class="summary">AI generated summary reviewed by our newsroom.</p>
       </div>
-    </div>
+    </a>
+    <p><a href="#">Read our AI Policy.</a></p>
     <hr>
     <ul>
       <li>Kevin Wang, a New College professor, was fired under Florida's SB 846 law.</li>

static/css/cards/ai-summary.css

@@ -34,6 +34,7 @@
 .ai-summary .expander {
   justify-content: space-between;
   align-items: baseline;
+  --link-color: var(--text-color);
 }
 
 .ai-summary-header {