Featured Blog Posts Section

{% raw %}
<h3>{{ closest.blog.title }}</h3>
{% endraw %}

{% raw %}
{% liquid
  assign max_items = section.settings.post_limit
%}

{% if section.settings.blog != blank and section.settings.blog.articles_count > 0 %}
  {% paginate section.settings.blog.articles by max_items %}
    {% assign section_articles = section.settings.blog.articles %}
  {% endpaginate %}
{% else %}
  {% comment %} Generate placeholder array {% endcomment %}
  {% assign section_articles = '' %}
  {% for i in (1..max_items) %}
    {% assign section_articles = section_articles | append: ', ' %}
  {% endfor %}
  {% assign section_articles = section_articles | split: ',' %}
{% endif %}
{% endraw %}

{% raw %}
{% for article in section_articles limit: max_items %}
  <div class="resource-list__item">
    {% content_for 'block', 
       id: 'static-blog-post-card', 
       type: '_featured-blog-posts-card', 
       article: article, 
       closest.article: article 
    %}
  </div>
{% endfor %}
{% endraw %}

{
  "type": "_heading",
  "settings": {
    "text": "<h4>{{ closest.article.title }}</h4>",
    "show_alignment": false
  }
}

{
  "type": "_blog-post-info-text",
  "settings": {
    "padding-block-start": 0,
    "padding-block-end": 0,
    "show_alignment": false
  }
}

{
  "type": "_blog-post-description",
  "settings": {
    "padding-block-start": 8,
    "padding-block-end": 0
  }
}

{% raw %}
{% render 'resource-list',
  list_items: list_items,
  list_items_array: list_items_array,
  settings: section.settings,
  carousel_ref: 'featuredBlog',
  slide_count: max_items,
  content_type: 'articles',
  test_id: 'featured-blog-posts'
%}
{% endraw %}

{% raw %}
{{ article.title }}          {# Article title #}
{{ article.url }}            {# Article URL #}
{{ article.author }}         {# Article author #}
{{ article.published_at }}   {# Publication date #}
{{ article.excerpt }}        {# Article excerpt #}
{{ article.content }}        {# Full article content #}
{{ article.image }}          {# Featured image #}
{{ article.tags }}           {# Article tags #}
{% endraw %}

.section-resource-list {
  /* Main container */
}

.resource-list__item {
  /* Individual article card wrapper */
}

.featured-blog-posts {
  /* Section-specific class */
}

.spacing-style {
  /* Padding utilities */
}

.gap-style {
  /* Gap utilities */
}