/* Posts and archives. */

/* ============================================================
   SINGLE POST
   ============================================================ */
/* Single post */
.single-post-header { background: var(--navy); padding: 5rem 0 3rem; }
.single-post-header h1 { color: #fff; max-width: 720px; }
.single-post-meta { color: rgba(255,255,255,0.5); font-size: 0.88rem; margin-top: 0.75rem; }

.category-filter { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 2rem; }

.breadcrumb-on-dark, .breadcrumb-on-dark a { color: rgba(255,255,255,0.5); }
.breadcrumb-on-dark span[aria-current] { color: rgba(255,255,255,0.75); }

.single-post-figure { max-width: 860px; margin: 0 auto -2rem; padding: 0 1.5rem; }
.single-post-figure img { width: 100%; height: 420px; object-fit: cover; border-radius: 12px; display: block; }

.single-post-footer { max-width: 760px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.post-tags { border-top: 2px solid var(--border); padding-top: 1.5rem; display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.post-tags-label { font-size: 0.85rem; color: var(--muted); }
.post-tags-list { display: flex; gap: 0.4rem; flex-wrap: wrap; }

.author-card { margin-top: 2rem; background: var(--mint-bg); border-radius: var(--radius); padding: 1.5rem; display: flex; align-items: center; gap: 1.5rem; }
.author-avatar img { border-radius: 50%; display: block; }
.author-bio { font-size: 0.88rem; color: var(--muted); margin: 0; }

@media (max-width: 768px) {
  .single-post-figure img { height: 240px; }
  .author-card { flex-direction: column; text-align: center; }
}