/*
 * フッター上の回遊導線（template-parts/cross-links.php）
 * 角丸の青いテキストリンク（ピル）。横は折り返してはみ出さない。
 * ※ 配色はユーザー明示指示による design-system グレースケールの例外（青）。
 */
.cross-links { padding:24px 16px; background:#FFFFFF; border-top:1px solid #EBEBEB; }
.cross-links__group + .cross-links__group { margin-top:24px; }
.cross-links__title { font-family:'Noto Sans JP', sans-serif; font-size:15px; font-weight:500; line-height:1.5; letter-spacing:0.03em; color:#1A1A1A; margin:0 0 12px; }

.cross-links__list { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.cross-links__item { min-width:0; max-width:100%; }
.cross-links__pill {
  display:inline-flex; align-items:center; justify-content:center;
  max-width:100%; min-height:40px; padding:8px 16px;
  border:1px solid #1A73E8; border-radius:999px; background:#FFFFFF;
  color:#1A73E8; font-family:'Noto Sans JP', sans-serif; font-size:14px; line-height:1.4;
  letter-spacing:0.02em; text-decoration:none; word-break:break-word;
}
.cross-links__pill:hover { background:#F0F6FE; }