<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Neuroscience on Rafiul Alam</title>
    <link>https://alamrafiul.com/categories/neuroscience/</link>
    <description>Recent content in Neuroscience on Rafiul Alam</description>
    <image>
      <title>Rafiul Alam</title>
      <url>https://alamrafiul.com/papermod-cover.png</url>
      <link>https://alamrafiul.com/papermod-cover.png</link>
    </image>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <lastBuildDate>Sat, 15 Feb 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://alamrafiul.com/categories/neuroscience/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Earworms: Why Songs Get Stuck in Your Head</title>
      <link>https://alamrafiul.com/blogs/earworms-stuck-songs/</link>
      <pubDate>Sat, 15 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/earworms-stuck-songs/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Earworms&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/cocktail-party-effect/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Cocktail Party Effect&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Next&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;It&amp;rsquo;s been three hours since you heard that song. You&amp;rsquo;re trying to focus on work, but there it is again-playing on an endless loop in your head.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Cocktail Party Effect: How You Hear Your Name Across a Crowded Room</title>
      <link>https://alamrafiul.com/blogs/cocktail-party-effect/</link>
      <pubDate>Fri, 14 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/cocktail-party-effect/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Cocktail Party Effect&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/change-blindness-gorilla-experiment/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Change Blindness&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/earworms-stuck-songs/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Earworms&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You&amp;rsquo;re in a loud, crowded room. Dozens of conversations happening simultaneously. You&amp;rsquo;re focused on talking to someone right in front of you, filtering out all the background noise.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Change Blindness: Why You Missed the Gorilla</title>
      <link>https://alamrafiul.com/blogs/change-blindness-gorilla-experiment/</link>
      <pubDate>Thu, 13 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/change-blindness-gorilla-experiment/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Change Blindness&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/baader-meinhof-phenomenon/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The Baader-Meinhof Phenomenon&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/cocktail-party-effect/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Cocktail Party Effect&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Watch a video of people passing basketballs. Count the passes made by the team in white shirts.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Pareidolia: Why We See Faces in Everything</title>
      <link>https://alamrafiul.com/blogs/pareidolia-faces-everywhere/</link>
      <pubDate>Tue, 11 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/pareidolia-faces-everywhere/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Pareidolia&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/mcgurk-effect/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The McGurk Effect&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/baader-meinhof-phenomenon/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The Baader-Meinhof Phenomenon&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You see a face in the electrical outlet. Another in the clouds. Your morning toast looks like it&amp;rsquo;s staring at you.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The McGurk Effect: Your Eyes Change What You Hear</title>
      <link>https://alamrafiul.com/blogs/mcgurk-effect/</link>
      <pubDate>Mon, 10 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/mcgurk-effect/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;The McGurk Effect&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/superfood-for-your-brain/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Superfood for Your Brain&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/pareidolia-faces-everywhere/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Pareidolia&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Watch someone&amp;rsquo;s lips say &amp;ldquo;ga&amp;rdquo; while the audio plays &amp;ldquo;ba,&amp;rdquo; and your brain will hear &amp;ldquo;da&amp;rdquo;-a sound that doesn&amp;rsquo;t exist in either the visual or auditory input.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Nostalgia on a Plate: Why We Crave Foods from Our Childhood</title>
      <link>https://alamrafiul.com/blogs/nostalgia-on-plate-childhood-food-memory/</link>
      <pubDate>Sun, 09 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/nostalgia-on-plate-childhood-food-memory/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Deeply Personal&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Nostalgia on a Plate&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/cats-and-empathy-feline-emotional-intelligence/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Cats and Empathy&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/deeply-personal-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Next&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;hr&gt;
&lt;h1 id=&#34;nostalgia-on-a-plate-why-we-crave-foods-from-our-childhood&#34;&gt;Nostalgia on a Plate: Why We Crave Foods from Our Childhood&lt;/h1&gt;
&lt;p&gt;My wife was chopping vegetables when she stopped, knife mid-air, and said:&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Superfood for Your Brain</title>
      <link>https://alamrafiul.com/blogs/superfood-for-your-brain/</link>
      <pubDate>Sat, 08 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/superfood-for-your-brain/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Superfood for Your Brain&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/neurogenesis-grow-new-brain-cells/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Neurogenesis&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Next&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;&lt;img loading=&#34;lazy&#34; src=&#34;https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=1200&amp;amp;q=80&#34; alt=&#34;Brain-healthy foods including fish, berries, and vegetables&#34;  /&gt;
&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Cats and Empathy: Do They Actually Know When You&#39;re Sad?</title>
      <link>https://alamrafiul.com/blogs/cats-and-empathy-feline-emotional-intelligence/</link>
      <pubDate>Fri, 07 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/cats-and-empathy-feline-emotional-intelligence/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Deeply Personal&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Cats and Empathy&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Previous&lt;/span&gt;
        &lt;/div&gt;&lt;a href=&#34;https://alamrafiul.com/deeply-personal-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/nostalgia-on-plate-childhood-food-memory/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Nostalgia on a Plate&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;hr&gt;
&lt;h1 id=&#34;cats-and-empathy-do-they-actually-know-when-youre-sad&#34;&gt;Cats and Empathy: Do They Actually Know When You&amp;rsquo;re Sad?&lt;/h1&gt;
&lt;p&gt;It was 2 AM when my wife woke me up, her voice tight with pain.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Neurogenesis: Can You Grow New Brain Cells?</title>
      <link>https://alamrafiul.com/blogs/neurogenesis-grow-new-brain-cells/</link>
      <pubDate>Fri, 07 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/neurogenesis-grow-new-brain-cells/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Neurogenesis&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Previous&lt;/span&gt;
        &lt;/div&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/superfood-for-your-brain/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Superfood for Your Brain&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;For most of the 20th century, neuroscience had a dogma: &lt;strong&gt;&amp;ldquo;You&amp;rsquo;re born with all the neurons you&amp;rsquo;ll ever have. Neurons don&amp;rsquo;t regenerate.&amp;rdquo;&lt;/strong&gt;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Preventing Cognitive Decline in Your 30s and 40s</title>
      <link>https://alamrafiul.com/blogs/preventing-cognitive-decline-30s-40s/</link>
      <pubDate>Thu, 06 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/preventing-cognitive-decline-30s-40s/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Preventing Cognitive Decline 30s-40s&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/brain-training-20s-building-cognitive-reserve/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Brain Training for Your 20s&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/neurogenesis-grow-new-brain-cells/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Neurogenesis&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You&amp;rsquo;re in your 30s or 40s. You&amp;rsquo;re at your career peak. You feel sharp, capable, effective.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Brain Training for Your 20s: Building Cognitive Reserve</title>
      <link>https://alamrafiul.com/blogs/brain-training-20s-building-cognitive-reserve/</link>
      <pubDate>Wed, 05 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/brain-training-20s-building-cognitive-reserve/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Brain Training for Your 20s&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/stress-cognition-cortisol-damages-brain/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Stress and Cognition&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Next&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Your 20s are your brain&amp;rsquo;s golden decade.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Stress and Cognition: How Cortisol Damages Your Brain</title>
      <link>https://alamrafiul.com/blogs/stress-cognition-cortisol-damages-brain/</link>
      <pubDate>Tue, 04 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/stress-cognition-cortisol-damages-brain/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Stress and Cognition&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/social-connection-loneliness-makes-you-dumber/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Social Connection&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/brain-training-20s-building-cognitive-reserve/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Brain Training for Your 20s&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;A little stress sharpens your mind. Chronic stress destroys it.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Social Connection: Why Loneliness Makes You Dumber</title>
      <link>https://alamrafiul.com/blogs/social-connection-loneliness-makes-you-dumber/</link>
      <pubDate>Mon, 03 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/social-connection-loneliness-makes-you-dumber/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Social Connection&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/meditation-skeptics-5-minute-brain-training/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Meditation for Skeptics&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/stress-cognition-cortisol-damages-brain/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Stress and Cognition&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Loneliness is as deadly as smoking 15 cigarettes per day.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Meditation for Skeptics: 5-Minute Brain Training</title>
      <link>https://alamrafiul.com/blogs/meditation-skeptics-5-minute-brain-training/</link>
      <pubDate>Sun, 02 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/meditation-skeptics-5-minute-brain-training/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Meditation for Skeptics&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/digital-detox-screen-time-kills-attention-span/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Digital Detox&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/social-connection-loneliness-makes-you-dumber/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Social Connection&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;&amp;ldquo;Meditation is for hippies. I don&amp;rsquo;t have time to sit cross-legged chanting &amp;lsquo;om&amp;rsquo; for an hour.&amp;rdquo;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Digital Detox: How Screen Time Kills Your Attention Span</title>
      <link>https://alamrafiul.com/blogs/digital-detox-screen-time-kills-attention-span/</link>
      <pubDate>Sat, 01 Feb 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/digital-detox-screen-time-kills-attention-span/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Digital Detox&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/morning-routines-prime-brain-performance/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Morning Routines&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/meditation-skeptics-5-minute-brain-training/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Meditation for Skeptics&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;The average person checks their phone &lt;strong&gt;96 times per day&lt;/strong&gt;-once every 10 minutes while awake.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Morning Routines That Prime Your Brain for Performance</title>
      <link>https://alamrafiul.com/blogs/morning-routines-prime-brain-performance/</link>
      <pubDate>Fri, 31 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/morning-routines-prime-brain-performance/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Morning Routines&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/20-20-20-rule-protecting-eyes-brain-screens/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The 20-20-20 Rule&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/digital-detox-screen-time-kills-attention-span/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Digital Detox&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You wake up, grab your phone, scroll through notifications, check email, and rush into your day.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The 20-20-20 Rule: Protecting Your Eyes and Brain from Screens</title>
      <link>https://alamrafiul.com/blogs/20-20-20-rule-protecting-eyes-brain-screens/</link>
      <pubDate>Thu, 30 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/20-20-20-rule-protecting-eyes-brain-screens/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;The 20-20-20 Rule&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/blue-light-melatonin-optimizing-sleep-cycle/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Blue Light and Melatonin&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/morning-routines-prime-brain-performance/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Morning Routines&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You&amp;rsquo;re staring at a screen. Your eyes burn. Your head aches. You can&amp;rsquo;t focus anymore. You&amp;rsquo;ve been working for 4 hours straight without looking away.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Blue Light and Melatonin: Optimizing Your Sleep Cycle</title>
      <link>https://alamrafiul.com/blogs/blue-light-melatonin-optimizing-sleep-cycle/</link>
      <pubDate>Wed, 29 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/blue-light-melatonin-optimizing-sleep-cycle/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Blue Light and Melatonin&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/intermittent-fasting-brain-benefits-beyond-weight-loss/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Intermittent Fasting&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/20-20-20-rule-protecting-eyes-brain-screens/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The 20-20-20 Rule&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You&amp;rsquo;re scrolling through your phone at midnight. The screen glows bright blue-white. Your brain thinks it&amp;rsquo;s noon.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Intermittent Fasting: Brain Benefits Beyond Weight Loss</title>
      <link>https://alamrafiul.com/blogs/intermittent-fasting-brain-benefits-beyond-weight-loss/</link>
      <pubDate>Wed, 29 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/intermittent-fasting-brain-benefits-beyond-weight-loss/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Intermittent Fasting&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/cold-showers-cognition-does-discomfort-sharpen-mind/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Cold Showers and Cognition&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/blue-light-melatonin-optimizing-sleep-cycle/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Blue Light and Melatonin&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;&lt;img loading=&#34;lazy&#34; src=&#34;https://images.unsplash.com/photo-1556909212-d5b604d0c90d?w=1200&amp;amp;q=80&#34; alt=&#34;Clock and healthy meal representing intermittent fasting&#34;  /&gt;
&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Cold Showers and Cognition: Does Discomfort Sharpen the Mind?</title>
      <link>https://alamrafiul.com/blogs/cold-showers-cognition-does-discomfort-sharpen-mind/</link>
      <pubDate>Tue, 28 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/cold-showers-cognition-does-discomfort-sharpen-mind/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Cold Showers and Cognition&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/speed-reading-vs-deep-reading-which-makes-you-smarter/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Speed Reading vs Deep Reading&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/intermittent-fasting-brain-benefits-beyond-weight-loss/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Intermittent Fasting&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Every morning, Wim Hof-&amp;ldquo;The Iceman&amp;rdquo;-submerges himself in ice water. He claims it sharpens his mind, boosts his immune system, and enhances his performance.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Speed Reading vs Deep Reading: Which Makes You Smarter?</title>
      <link>https://alamrafiul.com/blogs/speed-reading-vs-deep-reading-which-makes-you-smarter/</link>
      <pubDate>Tue, 28 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/speed-reading-vs-deep-reading-which-makes-you-smarter/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Speed Reading vs Deep Reading&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/second-language-learning-ultimate-brain-workout/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Second Language Learning&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/cold-showers-cognition-does-discomfort-sharpen-mind/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Cold Showers and Cognition&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Speed reading promises to help you read 1,000+ words per minute-triple or quadruple your normal pace. Imagine reading entire books in an hour!&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Learn Like a Child: Why Adults Struggle with New Skills</title>
      <link>https://alamrafiul.com/blogs/learn-like-child-why-adults-struggle-new-skills/</link>
      <pubDate>Mon, 27 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/learn-like-child-why-adults-struggle-new-skills/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Learn Like a Child&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/forgetting-curve-why-forget-how-stop/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The Forgetting Curve&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/second-language-learning-ultimate-brain-workout/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Second Language Learning&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;A 5-year-old can learn a new language in months, picking up perfect pronunciation without formal instruction. Meanwhile, an adult spends years studying and still speaks with an accent.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Second Language Learning: The Ultimate Brain Workout</title>
      <link>https://alamrafiul.com/blogs/second-language-learning-ultimate-brain-workout/</link>
      <pubDate>Mon, 27 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/second-language-learning-ultimate-brain-workout/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Second Language Learning&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/learn-like-child-why-adults-struggle-new-skills/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Learn Like a Child&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/speed-reading-vs-deep-reading-which-makes-you-smarter/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Speed Reading vs Deep Reading&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Learning a second language isn&amp;rsquo;t just about communication-it&amp;rsquo;s a full-brain workout that strengthens cognitive abilities across the board.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Chunking: How to Remember Phone Numbers (And Everything Else)</title>
      <link>https://alamrafiul.com/blogs/chunking-remember-phone-numbers-everything/</link>
      <pubDate>Sun, 26 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/chunking-remember-phone-numbers-everything/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;Chunking: How to Remember Phone Numbers&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;div class=&#34;nav-button nav-button-disabled&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Previous&lt;/span&gt;
        &lt;/div&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/forgetting-curve-why-forget-how-stop/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;The Forgetting Curve&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;Try to memorize this number: 2025551234567. Hard, right?&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Forgetting Curve: Why You Forget and How to Stop It</title>
      <link>https://alamrafiul.com/blogs/forgetting-curve-why-forget-how-stop/</link>
      <pubDate>Sun, 26 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/forgetting-curve-why-forget-how-stop/</guid>
      <description>&lt;div class=&#34;series-nav-container&#34;&gt;
  &lt;div class=&#34;series-nav&#34;&gt;
    &lt;div class=&#34;series-header&#34;&gt;
      &lt;div class=&#34;series-badge&#34;&gt;
        &lt;svg class=&#34;series-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
          &lt;path d=&#34;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&#34;&gt;&lt;/path&gt;
          &lt;path d=&#34;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&#34;&gt;&lt;/path&gt;
        &lt;/svg&gt;
        &lt;span class=&#34;series-name&#34;&gt;Brain Series&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&#34;current-indicator&#34;&gt;
        &lt;span class=&#34;current-label&#34;&gt;Current:&lt;/span&gt;
        &lt;span class=&#34;current-post&#34;&gt;The Forgetting Curve: Why You Forget&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&#34;nav-controls&#34;&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/chunking-remember-phone-numbers-everything/&#34; class=&#34;nav-button prev-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M15 18l-6-6 6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Chunking&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/brain-series&#34; class=&#34;nav-button series-button&#34;&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;rect x=&#34;3&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;3&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;14&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
            &lt;rect x=&#34;3&#34; y=&#34;14&#34; width=&#34;7&#34; height=&#34;7&#34;&gt;&lt;/rect&gt;
          &lt;/svg&gt;
          &lt;span class=&#34;nav-text&#34;&gt;All Posts&lt;/span&gt;
        &lt;/a&gt;&lt;a href=&#34;https://alamrafiul.com/blogs/learn-like-child-why-adults-struggle-new-skills/&#34; class=&#34;nav-button next-button&#34;&gt;
          &lt;span class=&#34;nav-text&#34;&gt;Learn Like a Child&lt;/span&gt;
          &lt;svg class=&#34;nav-icon&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;2&#34;&gt;
            &lt;path d=&#34;M9 18l6-6-6-6&#34;&gt;&lt;/path&gt;
          &lt;/svg&gt;
        &lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.series-nav-container {
  margin: 2rem 0;
  perspective: 1000px;
}

.series-nav {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, &#39;Roboto&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.series-nav:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.05),
    0 16px 36px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.series-header {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.series-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 6px;
  width: fit-content;
  transition: all 0.2s ease;
}

.series-badge:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

.series-icon {
  width: 14px;
  height: 14px;
  color: #3b82f6;
  flex-shrink: 0;
}

.series-name {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #3b82f6;
  letter-spacing: 0;
}

.current-indicator {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.5rem;
}

.current-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.current-post {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}

.nav-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.75rem;
  align-items: center;
}

.nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #374151;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button:not(.nav-button-disabled):hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.3);
  color: #1e40af;
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 4px 12px rgba(59, 130, 246, 0.1);
}

.nav-button:not(.nav-button-disabled):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.nav-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:not(.nav-button-disabled):hover .nav-icon {
  transform: scale(1.1);
}

.prev-button .nav-icon {
  margin-right: 0.125rem;
}

.next-button .nav-icon {
  margin-left: 0.125rem;
}

.prev-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(-2px) scale(1.1);
}

.next-button:not(.nav-button-disabled):hover .nav-icon {
  transform: translateX(2px) scale(1.1);
}

.prev-button {
  justify-self: start;
  max-width: 240px;
}

.next-button {
  justify-self: end;
  max-width: 240px;
}

.series-button {
  justify-self: center;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border-color: rgba(59, 130, 246, 0.2);
  color: #1e40af;
  font-weight: 600;
}

.series-button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 51, 234, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.35);
}

.nav-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

 
@media (prefers-color-scheme: dark) {
  .series-nav {
    background: rgba(31, 41, 55, 0.8);
    border-color: rgba(75, 85, 99, 0.3);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.2),
      0 4px 12px rgba(0, 0, 0, 0.15),
      0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .series-nav:hover {
    box-shadow:
      0 2px 6px rgba(0, 0, 0, 0.25),
      0 8px 20px rgba(0, 0, 0, 0.2),
      0 16px 36px rgba(0, 0, 0, 0.15);
  }

  .series-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }

  .series-badge {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
  }

  .series-badge:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.35);
  }

  .series-icon {
    color: #60a5fa;
  }

  .series-name {
    color: #60a5fa;
  }

  .current-label {
    color: #9ca3af;
  }

  .current-post {
    color: #f3f4f6;
  }

  .nav-button {
    background: rgba(55, 65, 81, 0.7);
    border-color: rgba(75, 85, 99, 0.4);
    color: #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  .nav-button:not(.nav-button-disabled):hover {
    background: rgba(55, 65, 81, 0.9);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.25),
      0 4px 12px rgba(59, 130, 246, 0.2);
  }

  .series-button {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
  }

  .series-button:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.45);
  }
}

 
@media (max-width: 768px) {
  .series-nav {
    padding: 1.25rem;
  }

  .series-header {
    align-items: flex-start;
  }

  .series-badge {
    padding: 0.25rem 0.5rem;
  }

  .series-icon {
    width: 12px;
    height: 12px;
  }

  .series-name {
    font-size: 0.75rem;
  }

  .current-indicator {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-left: 0;
  }

  .current-label {
    font-size: 0.75rem;
  }

  .current-post {
    font-size: 0.875rem;
  }

  .nav-controls {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .nav-button {
    justify-self: stretch !important;
    max-width: 100% !important;
    padding: 0.875rem 1rem;
  }

  .prev-button,
  .next-button,
  .series-button {
    justify-content: center;
  }
}

 
@media (prefers-reduced-motion: reduce) {
  .series-nav,
  .series-badge,
  .nav-button,
  .nav-icon {
    transition: none;
  }

  .series-nav:hover,
  .nav-button:hover {
    transform: none;
  }
}
&lt;/style&gt;

&lt;p&gt;You spend hours studying for an exam. You know the material cold. Then a week later? You&amp;rsquo;ve forgotten half of it.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Mirror Neurons and Character Empathy: Why We Feel What Fictional Characters Feel</title>
      <link>https://alamrafiul.com/blogs/mirror-neurons-character-empathy/</link>
      <pubDate>Fri, 17 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/mirror-neurons-character-empathy/</guid>
      <description>&lt;p&gt;You&amp;rsquo;re watching a movie. A character reaches for a doorknob. Just as their fingers touch the metal, you wince-because you &lt;em&gt;know&lt;/em&gt; what they don&amp;rsquo;t: someone is waiting on the other side with a knife.&lt;/p&gt;
&lt;p&gt;Or you&amp;rsquo;re reading a novel. The protagonist is about to make a terrible decision based on incomplete information. Your chest tightens. You want to shout at them, warn them, stop them-even though they&amp;rsquo;re ink on paper.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>H.M. and the Mystery of Memory: The Man Trapped in Permanent Now</title>
      <link>https://alamrafiul.com/blogs/hm-memory-mystery/</link>
      <pubDate>Thu, 16 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/hm-memory-mystery/</guid>
      <description>&lt;p&gt;On September 1, 1953, a 27-year-old man named Henry Molaison underwent experimental brain surgery to treat his severe epilepsy.&lt;/p&gt;
&lt;p&gt;The surgery worked. The seizures stopped.&lt;/p&gt;
&lt;p&gt;But when Henry woke up, he had lost the ability to form new memories.&lt;/p&gt;
&lt;p&gt;For the next &lt;strong&gt;55 years&lt;/strong&gt;, until his death in 2008, Henry lived in a perpetual present. Every person he met was a stranger minutes later. Every conversation was new. Every day was the first day of the rest of his life-literally.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Why Your Brain Can&#39;t Resist a Story: The Neuroscience of Narrative</title>
      <link>https://alamrafiul.com/blogs/why-your-brain-cant-resist-a-story/</link>
      <pubDate>Wed, 15 Jan 2025 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/why-your-brain-cant-resist-a-story/</guid>
      <description>&lt;p&gt;Have you ever missed your bus stop because you were engrossed in a podcast? Stayed up way too late because you needed to know how the book ends? Felt your heart race during a movie scene even though you knew it wasn&amp;rsquo;t real?&lt;/p&gt;
&lt;p&gt;That&amp;rsquo;s not a character flaw. That&amp;rsquo;s neuroscience.&lt;/p&gt;
&lt;p&gt;Stories don&amp;rsquo;t just entertain us-they hijack our brain chemistry. And understanding &lt;em&gt;how&lt;/em&gt; this works can transform you from someone who tells stories to someone who creates irresistible narratives.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Feral Child Cases: The Point of No Return for Becoming Human</title>
      <link>https://alamrafiul.com/blogs/feral-child-cases/</link>
      <pubDate>Wed, 25 Dec 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/feral-child-cases/</guid>
      <description>&lt;p&gt;On November 4, 1970, a social worker in Arcadia, California encountered a girl who appeared to be six or seven years old.&lt;/p&gt;
&lt;p&gt;She wasn&amp;rsquo;t six. She was thirteen.&lt;/p&gt;
&lt;p&gt;She weighed 59 pounds. She couldn&amp;rsquo;t stand up straight. She couldn&amp;rsquo;t chew solid food. She couldn&amp;rsquo;t speak-not a word, not a sound beyond occasional whimpers.&lt;/p&gt;
&lt;p&gt;She&amp;rsquo;d been locked in a small room for nearly her entire life. Tied to a potty chair during the day, confined to a sleeping bag in a crib at night. No toys. No conversation. No human interaction beyond someone occasionally bringing food.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Man Who Mistook His Wife for a Hat: When Vision Works But Recognition Fails</title>
      <link>https://alamrafiul.com/blogs/man-who-mistook-wife-for-hat/</link>
      <pubDate>Fri, 20 Dec 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/man-who-mistook-wife-for-hat/</guid>
      <description>&lt;p&gt;Dr. P. was a distinguished music teacher and singer who could tell you the exact interval between any two notes you played.&lt;/p&gt;
&lt;p&gt;He could identify a Brahms sonata from the first three measures. He could conduct a choir through complex harmonies without missing a beat.&lt;/p&gt;
&lt;p&gt;But he couldn&amp;rsquo;t recognize his wife&amp;rsquo;s face.&lt;/p&gt;
&lt;p&gt;Worse than that-when Dr. P. went to leave the neurologist&amp;rsquo;s office after his examination, he reached for his wife&amp;rsquo;s head and tried to lift it off her shoulders.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Anna O. and the Birth of Talk Therapy: The Woman Who Cured Herself Through Conversation</title>
      <link>https://alamrafiul.com/blogs/anna-o-birth-talk-therapy/</link>
      <pubDate>Fri, 13 Dec 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/anna-o-birth-talk-therapy/</guid>
      <description>&lt;p&gt;In December 1880, a 21-year-old woman in Vienna developed paralysis in three limbs, hallucinations, speech disturbances, and a cough with no physical cause.&lt;/p&gt;
&lt;p&gt;Doctors examined her thoroughly. There was no tumor, no infection, no injury, no disease they could identify.&lt;/p&gt;
&lt;p&gt;Yet she couldn&amp;rsquo;t move her right arm or legs. She had violent convulsions. She saw terrifying hallucinations. And for weeks at a time, she could only speak in English-having completely forgotten her native German.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Genain Quadruplets: Four Identical Fates, Four Different Paths</title>
      <link>https://alamrafiul.com/blogs/genain-quadruplets/</link>
      <pubDate>Tue, 03 Dec 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/genain-quadruplets/</guid>
      <description>&lt;p&gt;In 1930, four identical baby girls were born to a family in a small Midwestern town.&lt;/p&gt;
&lt;p&gt;Genetically, they were as similar as four humans can be-monozygotic quadruplets, sharing 100% of their DNA.&lt;/p&gt;
&lt;p&gt;They grew up in the same house, with the same parents, eating the same food, attending the same schools.&lt;/p&gt;
&lt;p&gt;And all four developed schizophrenia.&lt;/p&gt;
&lt;p&gt;On the surface, this seems like a clear-cut case of genetic determinism: identical genes, identical illness.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Three Christs of Ypsilanti: When Delusions Refuse to Negotiate with Reality</title>
      <link>https://alamrafiul.com/blogs/three-christs-ypsilanti/</link>
      <pubDate>Sun, 01 Dec 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/three-christs-ypsilanti/</guid>
      <description>&lt;p&gt;In July 1959, social psychologist Milton Rokeach gathered three psychiatric patients in a room at Ypsilanti State Hospital in Michigan.&lt;/p&gt;
&lt;p&gt;Each man had been diagnosed with paranoid schizophrenia.&lt;/p&gt;
&lt;p&gt;And each man believed, with absolute conviction, that he was Jesus Christ.&lt;/p&gt;
&lt;p&gt;Rokeach&amp;rsquo;s hypothesis was straightforward: when confronted with two other people making the same claim, at least one of them would experience cognitive dissonance strong enough to crack their delusion. Face-to-face with contradictory evidence, reality would reassert itself.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Clive Wearing&#39;s Eternal Present: A Life Measured in Seconds</title>
      <link>https://alamrafiul.com/blogs/clive-wearing-eternal-present/</link>
      <pubDate>Sat, 30 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/clive-wearing-eternal-present/</guid>
      <description>&lt;p&gt;Every few seconds, Clive Wearing wakes up for the first time.&lt;/p&gt;
&lt;p&gt;He opens his eyes. He looks around. And he experiences what he believes is his first moment of consciousness after years of being unconscious.&lt;/p&gt;
&lt;p&gt;He writes in his journal: &amp;ldquo;8:31 AM: Now I am really, completely awake.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;A few minutes later, he crosses it out and writes: &amp;ldquo;9:06 AM: Now I am perfectly, overwhelmingly awake.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Then he crosses that out too and writes: &amp;ldquo;9:34 AM: NOW I am awake.&amp;rdquo;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Foreign Accent Syndrome: When Your Brain Rewrites How You Speak</title>
      <link>https://alamrafiul.com/blogs/foreign-accent-syndrome/</link>
      <pubDate>Fri, 29 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/foreign-accent-syndrome/</guid>
      <description>&lt;p&gt;In 1941, during a German air raid on Norway, a young woman named Astrid L. was struck in the head by bomb shrapnel.&lt;/p&gt;
&lt;p&gt;She survived. She recovered.&lt;/p&gt;
&lt;p&gt;But when she started speaking again, something was wrong.&lt;/p&gt;
&lt;p&gt;Her accent was different. Not slightly different-completely different.&lt;/p&gt;
&lt;p&gt;She was Norwegian. She&amp;rsquo;d lived her entire life in Norway, speaking Norwegian with a Norwegian accent.&lt;/p&gt;
&lt;p&gt;After the injury, she spoke Norwegian with what sounded like a strong German accent.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Wendigo Psychosis: When Culture Creates Mental Illness</title>
      <link>https://alamrafiul.com/blogs/wendigo-psychosis/</link>
      <pubDate>Fri, 22 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/wendigo-psychosis/</guid>
      <description>&lt;p&gt;In the winter of 1878, a Cree man named Swift Runner arrived at a Hudson&amp;rsquo;s Bay Company trading post in Alberta, Canada.&lt;/p&gt;
&lt;p&gt;He was emaciated, nearly dead from starvation.&lt;/p&gt;
&lt;p&gt;He said his family-his wife and six children-had all died during the harsh winter. He&amp;rsquo;d buried them in the snow. He was the only survivor.&lt;/p&gt;
&lt;p&gt;The authorities were suspicious. Swift Runner showed signs of starvation, but not as severe as someone who&amp;rsquo;d watched his entire family die of hunger should show.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Prosopagnosia: Living in a World Without Faces</title>
      <link>https://alamrafiul.com/blogs/prosopagnosia-face-blindness/</link>
      <pubDate>Thu, 21 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/prosopagnosia-face-blindness/</guid>
      <description>&lt;p&gt;A man is waiting for his wife outside a restaurant.&lt;/p&gt;
&lt;p&gt;A woman approaches him. She&amp;rsquo;s smiling, clearly recognizing him. She starts talking as if they know each other well.&lt;/p&gt;
&lt;p&gt;He has no idea who she is.&lt;/p&gt;
&lt;p&gt;He politely engages, trying to figure out from context clues who this person might be. A colleague? A neighbor? Someone from his wife&amp;rsquo;s social circle?&lt;/p&gt;
&lt;p&gt;The woman seems confused by his confusion. She touches his arm, says something about &amp;ldquo;the kids.&amp;rdquo;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Clinical Lycanthropy: When Patients See Themselves Transform Into Animals</title>
      <link>https://alamrafiul.com/blogs/clinical-lycanthropy-transformations/</link>
      <pubDate>Mon, 18 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/clinical-lycanthropy-transformations/</guid>
      <description>&lt;p&gt;In 1975, a 49-year-old woman was admitted to a psychiatric hospital in Kentucky.&lt;/p&gt;
&lt;p&gt;She told doctors she was transforming into a wolf.&lt;/p&gt;
&lt;p&gt;She could feel her body changing. She saw fur growing on her hands and face. Her teeth were becoming fangs. Her face was elongating into a snout.&lt;/p&gt;
&lt;p&gt;She dropped to all fours. She howled. She scratched at the floor. She tried to bite staff members.&lt;/p&gt;
&lt;p&gt;When shown her reflection in a mirror, she saw a wolf staring back.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Schreber Case: When Madness Coexists with Brilliance</title>
      <link>https://alamrafiul.com/blogs/schreber-case-psychosis/</link>
      <pubDate>Sat, 16 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/schreber-case-psychosis/</guid>
      <description>&lt;p&gt;In 1903, Daniel Paul Schreber, a senior judge in the German court system, published a 450-page memoir titled &amp;ldquo;Memoirs of My Nervous Illness.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The book described in meticulous, articulate detail how God was transforming him into a woman.&lt;/p&gt;
&lt;p&gt;Not metaphorically. Literally. Through divine rays that penetrated his body and rewrote his nervous system.&lt;/p&gt;
&lt;p&gt;The transformation, Schreber explained, was necessary because humanity had been destroyed. He needed to become female so he could be impregnated by God and repopulate the Earth with a new race of humans.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Brain Chemicals: The Neurotransmitters That Shape Your Reality</title>
      <link>https://alamrafiul.com/blogs/brain-chemicals/</link>
      <pubDate>Fri, 15 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/brain-chemicals/</guid>
      <description>&lt;h1 id=&#34;brain-chemicals-the-neurotransmitters-that-shape-your-reality&#34;&gt;Brain Chemicals: The Neurotransmitters That Shape Your Reality&lt;/h1&gt;
&lt;p&gt;You wake up feeling unmotivated. Coffee kicks in, and suddenly you&amp;rsquo;re ready to tackle your to-do list. An hour later, you&amp;rsquo;re riding a wave of focus. By afternoon, anxiety creeps in. Evening arrives, and you feel calm, content, even happy.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;What changed?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Not your circumstances. Not your willpower. Your brain chemistry.&lt;/p&gt;
&lt;p&gt;Every thought, emotion, and behavior you experience is the result of chemical messengers called &lt;strong&gt;neurotransmitters&lt;/strong&gt; communicating between billions of neurons. These molecules don&amp;rsquo;t just influence your mood-they determine how you perceive reality, make decisions, form memories, and experience pleasure or pain.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Soviet Sleep Experiment: When Fiction Reflects Horrifying Reality</title>
      <link>https://alamrafiul.com/blogs/soviet-sleep-experiment-reality/</link>
      <pubDate>Thu, 14 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/soviet-sleep-experiment-reality/</guid>
      <description>&lt;p&gt;There&amp;rsquo;s a horror story that has circulated online for years, known as &amp;ldquo;The Russian Sleep Experiment&amp;rdquo; or &amp;ldquo;The Soviet Sleep Experiment.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The story goes like this:&lt;/p&gt;
&lt;p&gt;In the 1940s, Soviet researchers sealed five political prisoners in a chamber and used an experimental gas to keep them awake for 15 days straight. By day five, the subjects became paranoid and stopped talking to each other. By day nine, they were screaming. By day 15, they had mutilated themselves and were begging the researchers not to let them sleep.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Cotard Delusion: When Your Brain Convinces You You&#39;re Dead</title>
      <link>https://alamrafiul.com/blogs/cotard-delusion-walking-dead/</link>
      <pubDate>Wed, 13 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/cotard-delusion-walking-dead/</guid>
      <description>&lt;p&gt;Imagine waking up one morning absolutely convinced that you are dead.&lt;/p&gt;
&lt;p&gt;Not metaphorically dead. Not feeling empty or numb or depressed. Actually, literally, medically &lt;strong&gt;dead&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;You can see yourself breathing. You can feel your heart beating. You can touch your skin and feel warmth. But your brain insists, with total certainty, that you are a corpse.&lt;/p&gt;
&lt;p&gt;You try to explain this to your family: &amp;ldquo;I&amp;rsquo;m dead. I don&amp;rsquo;t exist anymore.&amp;rdquo;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Capgras Delusion: When Love Looks Right But Feels Wrong</title>
      <link>https://alamrafiul.com/blogs/capgras-delusion-imposters/</link>
      <pubDate>Tue, 12 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/capgras-delusion-imposters/</guid>
      <description>&lt;p&gt;A woman looks at her husband of 30 years.&lt;/p&gt;
&lt;p&gt;She recognizes his face. She knows it&amp;rsquo;s him. The features, the voice, the mannerisms-everything looks exactly right.&lt;/p&gt;
&lt;p&gt;But she &lt;strong&gt;knows&lt;/strong&gt; he&amp;rsquo;s not her husband.&lt;/p&gt;
&lt;p&gt;She&amp;rsquo;s absolutely certain.&lt;/p&gt;
&lt;p&gt;This person is an imposter. An identical copy. A replacement.&lt;/p&gt;
&lt;p&gt;Her real husband has been taken, and this lookalike has been put in his place.&lt;/p&gt;
&lt;p&gt;She knows how it sounds. She knows it&amp;rsquo;s irrational. But the certainty is overwhelming.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Sleeping Beauties of Kazakhstan: A Modern Medical Mystery</title>
      <link>https://alamrafiul.com/blogs/sleeping-beauties-kazakhstan/</link>
      <pubDate>Mon, 04 Nov 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/sleeping-beauties-kazakhstan/</guid>
      <description>&lt;p&gt;In March 2013, a woman in the village of Kalachi, Kazakhstan walked into her kitchen to make breakfast.&lt;/p&gt;
&lt;p&gt;She felt suddenly drowsy. Overwhelming exhaustion washed over her.&lt;/p&gt;
&lt;p&gt;She lay down on the couch &amp;ldquo;just for a moment.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;She didn&amp;rsquo;t wake up for six days.&lt;/p&gt;
&lt;p&gt;When she finally regained consciousness, she had no memory of what happened during those six days. No dreams. No sense of time passing. Just&amp;hellip; nothing.&lt;/p&gt;
&lt;p&gt;She wasn&amp;rsquo;t the first. She wouldn&amp;rsquo;t be the last.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Dissociative Fugue: When Your Brain Erases You and Writes Someone New</title>
      <link>https://alamrafiul.com/blogs/dissociative-fugue-states/</link>
      <pubDate>Thu, 31 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/dissociative-fugue-states/</guid>
      <description>&lt;p&gt;On August 28, 1887, a man was found wandering the streets of Norristown, Pennsylvania, disoriented and unable to say who he was.&lt;/p&gt;
&lt;p&gt;He knew his name was &amp;ldquo;A.J. Brown.&amp;rdquo; He knew he was a stationer. But he had no memory of where he came from, why he was there, or how he&amp;rsquo;d arrived.&lt;/p&gt;
&lt;p&gt;Eventually, his identity was discovered: he was Ansel Bourne, a 61-year-old preacher from Rhode Island.&lt;/p&gt;
&lt;p&gt;Two months earlier, Ansel had left his home to run errands. He withdrew $551 from the bank, boarded a train, and vanished.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Synesthesia Mysteries: When Senses Cross in Impossible Ways</title>
      <link>https://alamrafiul.com/blogs/synesthesia-mysteries/</link>
      <pubDate>Wed, 23 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/synesthesia-mysteries/</guid>
      <description>&lt;p&gt;A woman hears the word &amp;ldquo;Derek&amp;rdquo; and immediately tastes earwax.&lt;/p&gt;
&lt;p&gt;Another person sees the number 5 as inherently, unavoidably red. Not because of any association or memory-it&amp;rsquo;s just red, the way the sky is blue.&lt;/p&gt;
&lt;p&gt;A musician feels violin notes as textures on his skin-high notes feel smooth and cool, low notes feel rough and warm.&lt;/p&gt;
&lt;p&gt;A painter sees every letter and number in specific colors. A is red, B is blue, C is yellow. She&amp;rsquo;s never seen them any other way.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Dyatlov Pass Incident: The Psychology of Inexplicable Terror</title>
      <link>https://alamrafiul.com/blogs/dyatlov-pass-psychology/</link>
      <pubDate>Tue, 22 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/dyatlov-pass-psychology/</guid>
      <description>&lt;p&gt;On the night of February 1, 1959, nine experienced hikers cut their way out of their tent from the inside and fled barefoot into the Ural Mountains winter.&lt;/p&gt;
&lt;p&gt;The temperature was around -30°C (-22°F). They were dressed only in underwear or light clothing. They had functioning equipment, warm clothes, and a secure shelter.&lt;/p&gt;
&lt;p&gt;They abandoned all of it and ran.&lt;/p&gt;
&lt;p&gt;Search teams found their bodies weeks later, scattered across the mountainside. Some had died from hypothermia. Others had massive internal injuries-broken ribs, fractured skulls-with no external trauma.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Alice in Wonderland Syndrome: When Reality Loses Its Proportions</title>
      <link>https://alamrafiul.com/blogs/alice-in-wonderland-syndrome/</link>
      <pubDate>Tue, 15 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/alice-in-wonderland-syndrome/</guid>
      <description>&lt;p&gt;You look down at your hands.&lt;/p&gt;
&lt;p&gt;They&amp;rsquo;re gigantic-swollen to three times their normal size, fingers like sausages, impossibly huge.&lt;/p&gt;
&lt;p&gt;You look at the room around you. It&amp;rsquo;s shrinking. The walls are closing in. The ceiling is descending. Everything is becoming tiny while you expand to fill the space.&lt;/p&gt;
&lt;p&gt;Or wait-are you shrinking? The room is growing massive. The doorway has become a cathedral entrance. Your hands are doll-sized. You are small, impossibly small, while the world balloons around you.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Curious Case of Phineas Gage: When an Iron Rod Rewrote a Man&#39;s Soul</title>
      <link>https://alamrafiul.com/blogs/phineas-gage-personality-mystery/</link>
      <pubDate>Sat, 12 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/phineas-gage-personality-mystery/</guid>
      <description>&lt;p&gt;On September 13, 1848, a three-foot-seven-inch iron rod weighing thirteen pounds shot through Phineas Gage&amp;rsquo;s skull at the speed of a cannonball.&lt;/p&gt;
&lt;p&gt;It entered below his left cheekbone, passed behind his left eye, tore through the front part of his brain, and exploded out through the top of his head, landing about 80 feet away, covered in blood and brain matter.&lt;/p&gt;
&lt;p&gt;Gage was packing explosives into a rock using a tamping iron when a spark ignited the powder charge prematurely. The rod became a projectile, and Gage became the most famous patient in the history of neuroscience.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>The Jumping Frenchmen of Maine: When Startle Becomes Obedience</title>
      <link>https://alamrafiul.com/blogs/jumping-frenchmen-maine/</link>
      <pubDate>Fri, 11 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/jumping-frenchmen-maine/</guid>
      <description>&lt;p&gt;In the late 1800s, in the remote logging camps of northern Maine, there was a group of French-Canadian lumberjacks who would &lt;strong&gt;obey any sudden command without conscious control&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Startle them and shout &amp;ldquo;Jump!&amp;rdquo; and they&amp;rsquo;d jump.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Throw your axe!&amp;rdquo; and they&amp;rsquo;d hurl it, even if someone was in the way.&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Hit yourself!&amp;rdquo; and they&amp;rsquo;d strike their own face.&lt;/p&gt;
&lt;p&gt;They had no choice. The response was involuntary, immediate, and uncontrollable.&lt;/p&gt;
&lt;p&gt;They couldn&amp;rsquo;t stop themselves, even when they knew the command was dangerous or humiliating.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Utilization Behavior: When the Brain Can&#39;t Stop Using Objects</title>
      <link>https://alamrafiul.com/blogs/utilization-behavior/</link>
      <pubDate>Wed, 09 Oct 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/utilization-behavior/</guid>
      <description>&lt;p&gt;A neurologist is examining a patient who suffered frontal lobe damage from a stroke.&lt;/p&gt;
&lt;p&gt;The doctor sets a pair of glasses on the table between them during the examination.&lt;/p&gt;
&lt;p&gt;The patient reaches out, picks up the glasses, and puts them on-over the pair of glasses he&amp;rsquo;s already wearing.&lt;/p&gt;
&lt;p&gt;The doctor, curious, places another pair of glasses on the table.&lt;/p&gt;
&lt;p&gt;The patient picks them up and puts them on. Now he&amp;rsquo;s wearing three pairs of glasses, stacked on top of each other.&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Free Will: A Psychological Illusion? (What Neuroscience and Psychology Really Tell Us)</title>
      <link>https://alamrafiul.com/blogs/free-will-psychological-illusion/</link>
      <pubDate>Fri, 28 Jun 2024 00:00:00 +0000</pubDate>
      
      <guid>https://alamrafiul.com/blogs/free-will-psychological-illusion/</guid>
      <description>&lt;p&gt;At 3:47 PM on a Tuesday, I decided to quit my job and start a company.&lt;/p&gt;
&lt;p&gt;Or did I?&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Maybe the decision was already made&lt;/strong&gt; by unconscious neural processes seconds before I became aware of it.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Maybe&lt;/strong&gt; my genes, my upbringing, my brain chemistry, and the exact configuration of neurons firing that afternoon &lt;strong&gt;determined&lt;/strong&gt; that choice, and the feeling of choosing was just a story my brain told itself afterward.&lt;/p&gt;</description>
    </item>
    
  </channel>
</rss>
