/* ==========================================================================
   c-card-author — Figma: Card/Author (24413:6960) size=full
   著者・監修者プロフィール。氏名は見出しにしない（Figma の説明: h1 重複の不具合を避ける）
   PC: 顔写真 96px + テキスト横並び / SP: 縦積み・写真と氏名・肩書きは中央揃え
   ========================================================================== */

.c-card-author {
  display: flex;
  align-items: flex-start;
  gap: var(--space-24);
  padding: var(--space-24);
  border: 1px solid var(--color-border-default);
  background-color: var(--color-bg-subtle);
  color: var(--color-text-base);
}

.c-card-author__photo {
  flex-shrink: 0;
  width: 96px; /* Figma 固有寸法: Avatar/Slot */
  height: 96px;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.c-card-author__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}

.c-card-author__sns {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  align-self: flex-start;
  color: var(--color-text-base);
}

.c-card-author__sns:hover .c-card-author__sns-label {
  text-decoration: underline;
}

.c-card-author__sns-icon {
  width: 32px; /* アイコンサイズ */
  height: 32px;
  color: var(--color-black-pure); /* Figma: X ロゴは black（semantic に該当なし） */
}

.c-card-author__sns-label {
  padding: var(--space-4);
}

@media (max-width: 1023px) {

  .c-card-author {
    flex-direction: column;
    align-items: center;
    gap: var(--space-16);
  }

  .c-card-author__body {
    width: 100%;
  }

  .c-card-author__name,
  .c-card-author__role {
    text-align: center;
  }
}