/* blog index + tag pages + search results */

/* Tag cloud & chips as links */
.tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; }
.chip.tag { cursor: pointer; transition: .15s; text-decoration: none; border-style: solid; }
.chip.tag:hover { border-color: var(--accent); color: var(--accent); }
.tags { display: inline-flex; flex-wrap: wrap; gap: 6px; }

/* Blog post list */
.post-item { display: block; border-bottom: 1px dashed var(--line); padding: 18px 0; }
.post-item:last-child { border-bottom: none; }
.post-item:hover .pi-title { color: var(--accent); }
.pi-date { color: var(--accent); font-size: 13px; padding-bottom: 10px; border-bottom: 1px dashed var(--line); margin-bottom: 10px; }
.pi-title { font-weight: 600; line-height: 1.5; margin-bottom: 3px; }
.pi-summary { color: var(--dim); font-size: 13px; line-height: 1.6; margin-bottom: 8px; }
.pi-footer { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pi-time { color: var(--dim); font-size: 12px; }