/* ==========================================================================
   法的情報ページ（特定商取引法 / プライバシーポリシー）スタイル
   ========================================================================== */

/* --------------------------------------------------------------------------
   ページコンテナ
   -------------------------------------------------------------------------- */
.legal-page {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: var(--space-16);
}

/* --------------------------------------------------------------------------
   特定商取引法テーブル
   -------------------------------------------------------------------------- */
.legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.legal-table tr {
  border-bottom: 1px solid var(--color-border);
}

.legal-table tr:last-child {
  border-bottom: none;
}

.legal-table th {
  padding: var(--space-4);
  text-align: left;
  font-weight: var(--font-weight-bold);
  width: 200px;
  vertical-align: top;
  background-color: var(--color-bg-secondary);
}

.legal-table td {
  padding: var(--space-4);
}

/* --------------------------------------------------------------------------
   プライバシーポリシー
   -------------------------------------------------------------------------- */
.legal-prose {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-loose);
}

.legal-prose__heading {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-top: var(--space-6);
  margin-bottom: var(--space-2);
}