/* CHOSHI プライバシーポリシー(privacy.html だけで読む)
   style.css のトークンと部品(ヘッダー・フッター・.dot-list)を使い、値を直接書かない。
   文字色は style.css と同じ組み合わせだけ(コントラスト比は lp/docs/03-design.md §4.1):
   --text #1D1D1F / #FFFFFF = 16.8:1、--text-2 #6E6E73 / #FFFFFF = 5.07:1、
   ダーク --text #F5F5F7 / #000000 = 19.3:1、--text-2 #AEAEB2 / #000000 = 9.50:1、
   番号の円 --on-accent #FFFFFF / --accent #1D1D1F = 16.8:1、ダーク #1D1D1F / #F5F5F7 = 15.5:1 */

/* ヘッダー: ロゴとトップへの文字リンク。ページ内のナビは置かない */
.site-header__back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 0.9375rem;
  font-weight: 600;
}

/* 本文の列。行長は FAQ と同じ幅に収める */
.policy {
  padding-block: var(--s-7) var(--section-y);
}
.policy__inner {
  max-width: calc(760px + 2 * var(--gutter));
}

.policy-head {
  padding-bottom: var(--s-6);
  border-bottom: 1px solid var(--hairline);
}
.policy-head .h2 {
  margin-bottom: var(--s-3);
}
.policy-head__meta {
  font-size: var(--fs-note);
  line-height: 1.7;
  color: var(--text-2);
}

.policy-intro {
  margin-top: var(--s-6);
}
.policy-intro p + p {
  margin-top: var(--s-4);
}

/* 条。番号は LP の「使い方」と同じ 32px の円 */
.policy-section {
  margin-top: var(--s-7);
}
.policy-section__title {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  margin-bottom: var(--s-4);
}
.policy-section__title .section-number {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--on-accent);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.policy-section > p + p,
.policy-section > p + .dot-list,
.policy-section > .dot-list + p,
.policy-section > .policy-sub + p {
  margin-top: var(--s-4);
}
.policy-section > p + .dot-list,
.policy-section > p + .policy-table {
  margin-top: var(--s-3);
}
.policy-section > .policy-table + p {
  margin-top: var(--s-4);
}
.policy-section .h3 {
  margin-top: var(--s-5);
  margin-bottom: var(--s-2);
  font-size: 1.0625rem;
}

/* 外部サービスの一覧と問い合わせ先: 項目名と中身の2列(sm は縦に積む) */
.policy-table {
  margin: 0;
  border-top: 1px solid var(--hairline);
}
.policy-table__row {
  padding-block: var(--s-3);
  border-bottom: 1px solid var(--hairline);
}
.policy-table dt {
  font-weight: 600;
}
.policy-table dd {
  margin: var(--s-1) 0 0;
}
@media (min-width: 600px) {
  .policy-table__row {
    display: grid;
    grid-template-columns: 12em minmax(0, 1fr);
    column-gap: var(--s-5);
  }
  .policy-table dd {
    margin-top: 0;
  }
}

@media print {
  .site-header__back {
    display: none;
  }
}