/*
 * ページ内ナビゲーション
 * カテゴリや項目へのジャンプリンクに使用する共通部品
 */
.in-page-nav {
  margin: 32px 0;
  padding: 20px;
  border: 1px solid #d6dce2;
  background-color: #ffffff;
}

.in-page-nav__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  list-style: none;
}

.in-page-nav__item {
  list-style: none;
}

.in-page-nav__link {
  display: block;
  padding: 12px 16px;
  border: 1px solid #b8cfe5;
  background-color: #ffffff;
  font-weight: 700;
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  .in-page-nav {
    padding: 16px;
  }

  .in-page-nav__list {
    grid-template-columns: 1fr;
  }
}