.blog-author-link { color: inherit; text-decoration-color: rgba(199,154,55,.55); text-underline-offset: 3px; }
.blog-author-card {
  margin: 28px 0;
  padding: 22px;
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 20px;
  align-items: start;
  border: 1px solid rgba(227,189,105,.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(8,16,25,.98), rgba(21,31,42,.96));
  color: #fff8e9;
  box-shadow: 0 16px 42px rgba(8,16,25,.16);
}
.blog-author-card img, .blog-author-hero img { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; }
.blog-author-card h3, .blog-author-hero h1 { margin: 4px 0 8px; }
.blog-author-card h3 { color: #fff8e9; }
.blog-author-card .blog-eyebrow { color: #e3bd69; }
.blog-author-card p { color: rgba(255,248,233,.78); line-height: 1.65; }
.blog-author-card .blog-author-links a { color: #e3bd69; }
.blog-author-card .blog-button {
  border-color: rgba(227,189,105,.42);
  background: rgba(255,255,255,.07);
  color: #fff8e9;
}
.blog-author-card .blog-button:hover {
  border-color: #e3bd69;
  background: rgba(189,129,34,.18);
  color: #fff;
}
.blog-author-hero {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  align-items: center;
  padding: clamp(24px,4vw,42px);
  border: 1px solid var(--blog-border, #d9d0bc);
  border-radius: 18px;
  background: var(--blog-paper-soft, rgba(247,243,234,.75));
  color: var(--bm-ink, #101418);
}
.blog-author-hero h1 { color: var(--bm-ink, #101418); }
.blog-author-hero p { color: var(--bm-muted, #6f685e); line-height: 1.65; }
.blog-author-hero .blog-author-links a { color: var(--bm-gold-dark, #84530f); }
.blog-author-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0 14px; }
.blog-author-avatar-placeholder { width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center; background: #241f16; color: #d1a647; font-weight: 700; }
.blog-author-page { display: grid; gap: 28px; }
.blog-author-hero img, .blog-author-hero .blog-author-avatar-placeholder { width: 120px; height: 120px; }
@media (max-width: 640px) {
  .blog-author-card, .blog-author-hero { grid-template-columns: 1fr; text-align: left; }
}