/* ==========================================================================
   c-anchor-link-word — Figma: AnchorLink/Word（用語集の索引リンク。PC/16_GlossaryIndex index-row）
   丸付き下矢印 30px（icon/brand）+ renewal/JP/Label/18/Bold（ink/1000）。並びは行間 8px・列間 16px
   c-anchor-link（チップ型の AnchorLink）とは別コンポーネント
   ========================================================================== */

.c-anchor-link-word-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8) var(--space-16);
}

.c-anchor-link-word {
  display: inline-flex;
  align-items: center;
  color: var(--color-text-base); /* Figma: ink/1000（= text/base と同値） */
  white-space: nowrap;
}

.c-anchor-link-word:hover .c-anchor-link-word__label {
  text-decoration: underline; /* ホバーは Figma に指定なし（実装判断） */
}

.c-anchor-link-word.is-disabled {
  opacity: 0.4; /* 用語が無い行（WP: リンクにせず span で出す。Figma に指定なし・実装判断） */
}

.c-anchor-link-word__icon {
  flex-shrink: 0;
  width: 30px; /* アイコンサイズ */
  height: 30px;
  color: var(--color-icon-brand);
}

@media (max-width: 1023px) {

  .c-anchor-link-word-list {
    gap: var(--space-16); /* Figma SP: 行・列とも 16px */
  }

  .c-anchor-link-word__icon {
    width: 24px; /* アイコンサイズ（SP: 高さ 25px の行に合わせる。Figma 未確認・metadata から推定） */
    height: 24px;
  }

  .c-anchor-link-word__label {
    font-size: 1rem; /* SP: renewal/JP/Label/16/Bold 相当（.t-jp-label-16-bold。metadata の幅から推定） */
    line-height: calc(24 / 16);
  }
}