/* Shared blog-post styles: header, logo mark, author bio block.
   Used by all article pages (yoga-*.html). Page-specific layout
   (post-wrap, post-title, post-body, etc.) stays in each page's
   own inline <style>, since the two article templates differ there. */

/* Sticky taupe header, sampled from favicon-light.png (#c5ae98) */
.site-header {
  position: sticky !important;
  background: #c5ae98 !important;
}

.site-header .brand,
.site-header .main-nav a {
  color: #1f231b !important;
}

.site-header .hamburger-btn span {
  background: #1f231b !important;
}

/* Small circular mark above the title, replacing the old hero image */
.post-logo {
  display: flex;
  justify-content: center;
  margin: 0 0 40px;
}

.post-logo img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

/* Compact author block */
.post-bio {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 56px 0 0;
  padding-top: 32px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.post-bio-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

.post-bio-text p {
  margin: 0;
  line-height: 1.4;
}

.post-bio-name {
  font-weight: 600;
  font-size: 0.9rem;
}

.post-bio-credential {
  font-size: 0.82rem;
  color: var(--muted);
}