/* Blog pages */
.article { padding: var(--section-py) 0; }
.article__content { max-width: 720px; }
.article__content h2 { font-size: clamp(1.3rem,2.5vw,1.75rem); font-weight: 600; margin: 2.5rem 0 0.75rem; }
.article__content h3 { font-size: var(--fs-h3); font-weight: 600; margin: 2rem 0 0.75rem; }
.article__content p { font-size: var(--fs-body); color: var(--c-text-muted); line-height: var(--lh-body); margin-bottom: 1rem; }
.article__content ul, .article__content ol { margin: 1rem 0; padding-left: 1.5rem; }
.article__content li { font-size: var(--fs-body); color: var(--c-text-muted); line-height: var(--lh-body); margin-bottom: 0.5rem; }
.article__content strong { color: var(--c-text); font-weight: 600; }
.article__meta { font-family: var(--f-mono); font-size: var(--fs-caption); color: var(--c-text-dim); margin-bottom: 2rem; display: flex; gap: 1.5rem; }
.article__tags { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--c-border); }
.article__tag { font-family: var(--f-mono); font-size: var(--fs-micro); color: var(--c-text-dim); padding: 0.25rem 0.5rem; border: 1px solid var(--c-border); border-radius: var(--r-sm); }

/* Blog listing cards */
.listing-card__tags { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.listing-card__hashtag {
  font-family: var(--f-mono); font-size: var(--fs-micro);
  color: var(--c-accent); opacity: 0.7;
  padding: 0.15rem 0.4rem;
  border: 1px solid rgba(232,88,62,0.15);
  border-radius: var(--r-sm);
  transition: opacity var(--transition);
}
.listing-card:hover .listing-card__hashtag { opacity: 1; }