update

main.js

@@ -551,7 +551,7 @@ function renderPublicationGroup(list, items) {
   items.forEach((pub, idx) => {
     const delayClass = ['delay-1', 'delay-2', 'delay-3', 'delay-4'][idx % 4] || 'delay-1';
     const linkHTML = pub.url
-      ? `<a href="${pub.url}" class="pub-link" aria-label="View publication">
+      ? `<a href="${pub.url}" class="pub-link" aria-label="View publication" target="_blank" rel="noopener noreferrer">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
         </a>`
       : '';
@@ -610,7 +610,7 @@ async function renderNewsData() {
     const delayClass = ['delay-1', 'delay-2', 'delay-3', 'delay-4'][idx] || 'delay-1';
     const featuredClass = news.featured ? 'featured' : '';
     const linkHTML = news.link
-      ? `<a href="${news.link}" class="news-read">Read more →</a>`
+      ? `<a href="${news.link}" class="news-read" target="_blank" rel="noopener noreferrer">Read more →</a>`
       : '';
     
     const cardHTML = `

publications.html

@@ -74,7 +74,7 @@
 
           <!-- OTHER OUTPUTS SECTION -->
           <div class="pub-section">
-            <div class="pub-section-label reveal-left delay-3">Other Scholarly Outputs</div>
+            <div class="pub-section-label reveal-left delay-3">Preprints</div>
             <div class="pub-list" id="otherOutputsList">
               <!-- Populated from data/publications.json -->
             </div>

style.css

@@ -199,7 +199,7 @@ section { padding: 7rem 0; }
 
 .section-title {
   font-family: sans-serif;
-  font-size: clamp(2rem, 4vw, 3rem);
+  font-size: clamp(1.65rem, 3vw, 2.35rem);
   font-weight: 700;
   color: var(--text);
   line-height: 1.1;