/* Blog (insights) pages: category chips, key points box, end-of-article call to action. Built by tools/blog.py */
.blog-chips { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-6); }
.blog-chip { font: inherit; font-size: var(--fs-sm); padding: .4em 1em; border-radius: 999px; border: 1px solid var(--line); background: var(--white); color: var(--text); cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.blog-chip:hover { border-color: var(--brass); }
.blog-chip:focus-visible { outline: 2px solid var(--brass); outline-offset: 2px; }
.blog-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--ivory); }
.post__cat { color: var(--brass-dark); font-weight: 600; }
.page-hero .post__cat { color: var(--brass-light); }
.post__meta { flex-wrap: wrap; }
.blog-points { background: var(--ivory); border: 1px solid var(--line); border-radius: var(--r); padding: var(--s-5); margin-bottom: var(--s-6); }
.prose .blog-points h2 { font-size: var(--fs-lg); margin: 0 0 var(--s-3); }
.blog-points ul { margin: 0; padding-inline-start: 1.2em; }
.blog-cta { margin: var(--s-7) 0 var(--s-5); padding: var(--s-6); border-radius: var(--r); background: var(--ink); color: #C9D4DD; }
.prose .blog-cta h2 { color: var(--ivory); font-size: var(--fs-lg); margin: 0 0 var(--s-2); }
.prose .blog-cta p { color: #C9D4DD; margin: 0 0 var(--s-4); }
.blog-cta .btn--ghost { color: var(--ivory); border-color: rgba(246, 242, 234, .5); }
.blog-cta .btn--ghost:hover { background: var(--ivory); color: var(--ink); }
@media (max-width: 600px) { .blog-cta { padding: var(--s-5); } .blog-cta .btn { width: 100%; justify-content: center; } }
#blog-list .post[hidden] { display: none; }