feat: add last podcast from castopod

css/styles.css

@@ -594,45 +594,24 @@ img {
     align-items: start;
 }
 
-/* Quand pas de hero (HERO_TYPE = 'none') et pas de WordPress: centrer la timeline Mastodon */
-.hero-mastodon-wrapper:has(.timeline-wordpress-container:only-child) .timeline-wordpress-container:not(:has(.wordpress-section)) {
-    grid-column: 1 / -1;
-    display: flex;
-    justify-content: center;
-}
-
-.hero-mastodon-wrapper:has(.timeline-wordpress-container:only-child) .timeline-wordpress-container:not(:has(.wordpress-section)) #mt-container {
+.timeline-container {
     max-width: 800px;
     width: 100%;
+    justify-self: center;
 }
 
+
 /* Responsive breakpoint pour écrans entre 1025px et 1699px */
 @media (max-width: 1699px) and (min-width: 1025px) {
     .hero-mastodon-wrapper {
         display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        gap: 20px;
-    }
-
-    .hero {
-        grid-column: 1 / -1;
-        width: 100%;
-    }
-
-    .timeline-wordpress-container {
-        grid-column: 1 / -1;
-        display: grid;
-        grid-template-columns: repeat(2, 1fr);
+        grid-template-columns: 1fr 1fr;
         gap: 20px;
     }
 
     #mt-container {
         grid-column: 1 / 2;
     }
-
-    .wordpress-section {
-        grid-column: 2 / 3;
-    }
 }
 
 .hero {
@@ -1032,6 +1011,7 @@ img {
     border-radius: 8px;
     display: flex;
     flex-direction: column;
+    margin-bottom: 1em;
 }
 
 .mt-header {
@@ -2309,7 +2289,7 @@ img {
     }
     
     /* Pour le nouveau layout timeline-wordpress */
-    .timeline-wordpress-container #mt-container {
+    .timeline-container #mt-container {
         height: 400px;
     }
     
@@ -2855,17 +2835,16 @@ i.icon-mastodon,
         display: block;
     }
 
+    .timeline-container {
+        width: 100%;
+        max-width: 100%;
+    }
+
     .hero {
         width: 100%;
         margin-bottom: 20px;
     }
 
-    .timeline-wordpress-container {
-        display: flex;
-        flex-direction: row;
-        gap: 20px;
-    }
-
     #mt-container {
         flex: 1;
     }