/* Blog overview, archives, search and single posts (loaded only there). */

/* ── Category filter ── */
.blog-filter { margin-bottom: var(--space-6); }
.blog-filter__list { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.blog-filter__list a { display: inline-block; padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm); background: var(--color-surface-alt); color: var(--color-text); font-size: var(--text-sm); text-decoration: none; transition: background-color var(--transition-fast); }
.blog-filter__list a:hover { background: var(--color-surface); box-shadow: var(--shadow-card); color: var(--color-text); }
.blog-filter__list a[aria-current="page"] { background: var(--color-primary); color: var(--color-primary-contrast); }

/* ── Breadcrumb and strip ── */
.breadcrumb { padding-top: var(--space-5); }
.breadcrumb__list { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin: 0; padding: 0; color: var(--color-text-muted); font-size: var(--text-sm); list-style: none; }
.breadcrumb__list li + li::before { content: "›"; margin-right: var(--space-3); color: var(--color-text-subtle); }
.breadcrumb__list a { color: inherit; }
.blog-strip { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-4); max-width: var(--container-text); margin: var(--space-4) 0 0; padding: var(--space-3) var(--space-5); border-radius: var(--radius-md); background: var(--color-surface-alt); font-size: var(--text-sm); }

/* ── Single post ── */
.article { max-width: var(--container-text); margin-inline: 0; padding-block: var(--space-6) var(--space-7); }
.article__header { margin-bottom: var(--space-5); }
.article__title { max-width: 18ch; margin-bottom: var(--space-3); font-size: var(--text-4xl); line-height: var(--wp--custom--line-height--display); }
.article__image { margin: 0 0 var(--space-6); }
.article__image img { width: 100%; height: auto; border-radius: var(--radius-sm); }
.ai-label { margin: var(--space-2) 0 0; color: var(--color-text-subtle); font-size: var(--text-xs); }
.card__body > .ai-label { margin: 0 0 var(--space-2); }

/* ── Newsletter call inside a post ── */
.post-newsletter { margin-top: var(--space-7); padding: var(--space-6); border-radius: var(--radius-lg); background: var(--color-surface-alt); }
.post-newsletter__title { margin-bottom: var(--space-2); font-size: var(--text-2xl); }
.post-newsletter__text { margin-bottom: var(--space-4); color: var(--color-text-muted); }

/* ── Author, bridge ── */
.author-box { display: flex; flex-wrap: wrap; gap: var(--space-5); margin-top: var(--space-7); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-card); }
.author-box__photo { flex: none; }
.author-box__photo img { width: 6rem; height: 6rem; border-radius: 50%; object-fit: cover; }
.author-box__photo .media { width: 6rem; height: 6rem; }
.author-box__text { flex: 1 1 16rem; min-width: 0; }
.author-box__name { margin-bottom: var(--space-2); font-family: var(--font-heading); font-size: var(--text-xl); }
.author-box__bio, .author-box__approach { margin-bottom: var(--space-3); color: var(--color-text-muted); }
.author-box__links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin: 0; }
.bridge { margin-top: var(--space-6); }
.bridge__text { max-width: 32rem; margin-bottom: var(--space-3); font-family: var(--font-heading); font-size: var(--text-xl); line-height: var(--wp--custom--line-height--heading); }