.author-card { position: relative; overflow: hidden; padding: 36px 40px; background: white; border: 1px solid #dfe6ef; border-radius: 20px; box-shadow: 0 12px 36px #15385f0a; }
    .author-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 5px; background: #1267b9; }
    .author-card .author-header { display: flex; align-items: center; gap: 20px; }
    .author-card .author-avatar { display: grid; place-items: center; flex: 0 0 76px; height: 76px; border-radius: 50%; background: #eaf3ff; color: #125ba1; font-weight: 700; font-size: 26px; }
    .author-card .author-heading { flex: 1; }
    .author-card .eyebrow { margin: 0 0 8px; color: #64748b; font-size: 11px; letter-spacing: .15em; font-weight: 700; text-transform: uppercase; }
    .author-card h2 { margin: 0; color: #104d86; font-size: clamp(26px, 4vw, 34px); line-height: 1.2; letter-spacing: -.025em; }
    .author-card .role { margin: 8px 0 0; color: #58677a; font-size: 14px; }
    .author-card .linkedin { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 18px; border: 1px solid #0a66c2; border-radius: 8px; color: #fff; background: #0a66c2; text-decoration: none; font-size: 14px; font-weight: 700; white-space: nowrap; }
    .author-card .linkedin:hover { background: #084f96; }
    .author-card .linkedin:focus-visible { outline: 3px solid #15385f; outline-offset: 4px; }
    .author-card .linkedin svg { width: 18px; height: 18px; fill: currentColor; }
    .author-card .bio { margin: 26px 0 0; padding-top: 24px; border-top: 1px solid #e8edf3; font-size: 16px; line-height: 1.8; }
    @media (max-width: 640px) {

      .author-card { padding: 28px 24px; }
      .author-card .author-header { flex-wrap: wrap; gap: 16px; }
      .author-card .author-avatar { flex-basis: 56px; height: 56px; font-size: 21px; }
      .author-card .author-heading { flex-basis: calc(100% - 72px); }
      .author-card .linkedin { margin-top: 4px; width: 100%; }
      .author-card .bio { margin-top: 22px; font-size: 15px; }
    }
  
.author-card { margin: 32px 0; font-family: Arial, sans-serif; }
.author-card * { box-sizing: border-box; }

/* Keep the card typography independent of article and theme styles. */
.author-card h2 { font-weight: 700; text-transform: none; }
.author-card .bio p { margin: 0 0 12px; font-size: inherit; line-height: inherit; text-indent: 0; }
.author-card .bio p:last-child { margin-bottom: 0; }
.author-card .author-avatar { margin: 0; width: 76px; padding: 0; }
@media (max-width: 640px) { .author-card .author-avatar { width: 56px; } }