.wrapper .author-card { display: flex; gap: 18px; align-items: flex-start; background: #e8f3fa; border-left: 4px solid #03a9f4; border-radius: 14px; padding: 20px; margin-top: 26px; }
.wrapper .author-card .author-avatar { flex: 0 0 auto; width: 72px; height: 72px; border-radius: 50%; overflow: hidden; box-shadow: 0 6px 16px rgba(20, 40, 80, 0.18); }
.wrapper .author-card .author-avatar svg { width: 72px; height: 72px; }
.wrapper .author-card .author-avatar img { width: 100%; height: 100%; object-fit: cover; }
.wrapper .author-card .author-name { font-size: 18px; font-weight: 800; color: #333333; }
.wrapper .author-card .author-role { font-style: normal; font-weight: 600; color: #15539e; font-size: 15px; }
.wrapper .author-card .author-trust { font-size: 14px; color: #44546a; margin-top: 4px; }
.wrapper .author-card .author-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.wrapper .author-card .author-chip { display: inline-flex; align-items: center; gap: 6px; background: #d3f2df; color: #0b5e2e; font-size: 13px; font-weight: 600; padding: 5px 12px; border-radius: 999px; }
.wrapper .author-card .author-chip svg { width: 14px; height: 14px; flex: 0 0 auto; }
.wrapper .author-card .author-links { display: flex; gap: 18px; margin-top: 12px; }
.wrapper .author-card .author-link-item a { font-size: 14px; font-weight: 600; color: #0070c6; text-decoration: underline; }
.wrapper .author-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; background: #ffffff; border-top: 1px solid #e4e9ef; box-shadow: 0 -8px 24px rgba(20, 40, 80, 0.12); transform: translateY(80px); transition: transform 0.35s ease; }
.wrapper .author-sticky.is-active { transform: translateY(0); }
.wrapper .author-sticky .sticky-inner { max-width: 860px; margin: 0 auto; padding: 8px 14px; display: flex; align-items: center; gap: 10px; }
.wrapper .author-sticky .sticky-avatar { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; }
.wrapper .author-sticky .sticky-avatar svg { width: 36px; height: 36px; }
.wrapper .author-sticky .sticky-avatar img { width: 100%; height: 100%; object-fit: cover; }
.wrapper .author-sticky .sticky-meta { flex: 1 1 auto; min-width: 0; }
.wrapper .author-sticky .sticky-name { font-size: 13px; font-weight: 800; color: #333333; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wrapper .author-sticky .sticky-checked { font-size: 11px; color: #5d6770; line-height: 1.3; white-space: nowrap; }
.wrapper .author-sticky .sticky-rating { display: none; align-items: center; gap: 6px; }
.wrapper .author-sticky .sticky-rating svg { width: 18px; height: 18px; }
.wrapper .author-sticky .sticky-score { font-size: 14px; font-weight: 800; color: #15539e; white-space: nowrap; }
.wrapper .author-sticky .sticky-action { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.wrapper .author-sticky .sticky-cta { display: inline-block; background: #15539e; color: #ffffff; font-size: 13px; font-weight: 700; padding: 8px 18px; border-radius: 999px; white-space: nowrap; transition: background 0.2s ease; }
.wrapper .author-sticky .sticky-cta:hover { background: #0f4585; }
.wrapper .author-sticky .sticky-legal { font-size: 9px; color: #6f7d8c; }
@media (min-width: 768px) {
  .wrapper .author-card { padding: 24px; gap: 22px; }
  .wrapper .author-card .author-avatar { width: 96px; height: 96px; }
  .wrapper .author-card .author-avatar svg { width: 96px; height: 96px; }
  .wrapper .author-sticky { bottom: auto; top: 61px; border-top: 0; border-bottom: 1px solid #e4e9ef; box-shadow: 0 8px 24px rgba(20, 40, 80, 0.1); transform: translateY(-150px); }
  .wrapper .author-sticky.is-active { transform: translateY(0); }
  .wrapper .author-sticky .sticky-inner { padding: 9px 20px; gap: 14px; }
  .wrapper .author-sticky .sticky-avatar { width: 40px; height: 40px; }
  .wrapper .author-sticky .sticky-avatar svg { width: 40px; height: 40px; }
  .wrapper .author-sticky .sticky-name { font-size: 14px; }
  .wrapper .author-sticky .sticky-checked { font-size: 12px; }
  .wrapper .author-sticky .sticky-rating { display: inline-flex; }
  .wrapper .author-sticky .sticky-action { flex-direction: row; gap: 10px; }
  .wrapper .author-sticky .sticky-cta { font-size: 14px; padding: 9px 22px; }
  .wrapper .author-sticky .sticky-legal { font-size: 10px; }
}