/** Shopify CDN: Minification failed

Line 33:51 Unexpected "-->"
Line 35:3 Unexpected "{"
Line 35:12 Expected ":"
Line 36:0 Unexpected "<"

**/
.article-products {
  padding: calc(var(--section-gap) * var(--fluid-1-5)) 0 0;
  border-top: 1px solid rgba(var(--text-color)/0.15);
}

.article-products__cards {
  transition: opacity 0.5s ease;
  opacity: 1;
}
.is-loading .article-products__cards {
  opacity: 0;
}

.comment footer {
  font-style: italic; /* Tailwind not working */
}

@media (min-width: 1024px) {
  .article__image {
    width: var(--viewport-width);
    max-width: 800px;
    margin-inline-start: calc(50% - 400px);
  }
}
<!-- 記事の公開日を自動反映して表示 -->
<div class="blog-post__date" style="margin-top: 5px; color: #666; font-size: 0.85em;">
  {{ article.published_at | time_tag: format: 'date' }}
</div>