/**
 * ------------------------------
 * tl-tips.css
 * ------------------------------
 * @purpose
 * 「学習をより快適に進めるためのコツ」ページ専用CSS
 *
 * @pages
 * ・/tips/（一覧）
 *
 * @version
 * 1.0.2
 */

/* 投稿一覧リンクは、全講座画面のカリキュラムリンクと同じ基準で表示する。 */
body.wm-tips-home .p-postList.-type-simple .p-postList__link {
  padding: 0 !important;
}

/* SWELLの見出し用フォント指定を解除し、リンク側の書体を継承する。 */
body.wm-tips-home .p-postList.-type-simple .p-postList__title {
  margin: 0 !important;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  transition: transform 0.25s;
}

/* 全講座のSWELLリンクと同じく、ホバー時は文字部分だけを右へ動かす。 */
body.wm-tips-home
  .p-postList.-type-simple
  .p-postList__link:hover
  .p-postList__title,
body.wm-tips-home
  .p-postList.-type-simple
  .p-postList__link:focus-visible
  .p-postList__title {
  transform: translateX(0.4em);
}