/* ==========================================================================
   legal.css — 法令・規約系ページ共通スタイル
   対象: /faq/ /tokushoho/ /privacy/ /terms/
   bellrog デザイントークン（tokens.css / components.css）を前提とした差分のみ。
   ========================================================================== */

/* 特定商取引法テーブル：レスポンシブ時に th/td を縦積みにする */
.legal-table tr {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .legal-table tr {
    display: table-row;
  }
}

/* 条文・Q&A内の内部リンク下線強調 */
.legal-inline-link {
  color: #C5A880; /* bellrog-accent */
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-inline-link:hover {
  opacity: 0.75;
}