@charset "UTF-8";
/*
  概要: 「旅行業関連資料」ページの資料リンクを、軽量な行リンク（アイコン＋タイトル＋矢印）として整える。
  主な仕様: hoverで薄い背景と枠色変化、focus-visibleで明確なアウトライン。アイコンはSVGで表示崩れを防ぐ。
  制限事項: 本CSSは is_page('travel-documents') のときのみ読み込まれる。
*/

.travel-documents__card {
  border-color: rgba(28, 31, 34, 0.12);
  transition: border-color 0.18s ease, background-color 0.18s ease;
  color: inherit;
}

.travel-documents__card:hover {
  border-color: rgba(31, 42, 68, 0.35);
  background-color: var(--bs-lgray, #fcfcfc);
}

.travel-documents__card:focus-visible {
  outline: 3px solid rgba(30, 111, 140, 0.35);
  outline-offset: 3px;
}

.travel-documents__icon {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background-color: rgba(219, 97, 96, 0.08);
}

.travel-documents__icon-svg {
  color: var(--bs-danger, #db6160);
}

.travel-documents__chevron {
  color: rgba(31, 42, 68, 0.55);
  transition: color 0.18s ease;
}

.travel-documents__card:hover .travel-documents__chevron {
  color: var(--bs-navy, #1f2a44);
}

@media (prefers-reduced-motion: reduce) {
  .travel-documents__card {
    transition: none;
  }
}