/* privacy.css — プライバシーポリシー本文（/privacy-policy/）
   本文は管理画面の固定ページ本文（ブロックエディタ）で更新するため、
   クラスではなく .privacy__body 配下の要素（h2/h3/p/ul）に直接スタイルを当てる。
   Figmaに専用デザインがないため、既存の規約テキスト（contact-form の白カード +
   news 詳細の長文タイポ）に合わせたトークンのみで構成している。 */

.privacy {
  display: flex;
  justify-content: center;
  padding: var(--space-120) var(--space-80) var(--space-160);
  background: var(--color-gray-light);
}

.privacy__body {
  width: 100%;
  max-width: var(--layout-max);
  padding: var(--space-80);
  border-radius: var(--radius-32);
  background: var(--color-white);
  box-shadow: var(--shadow-form);
}

.privacy__body > :first-child {
  margin-top: 0;
}

.privacy__body > :last-child {
  margin-bottom: 0;
}

.privacy__body p {
  margin: 0;
  color: var(--color-text-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-loose);
  letter-spacing: var(--letter-spacing-wide);
}

.privacy__body p + p {
  margin-top: var(--space-24);
}

/* 章見出し：section.css の .heading-label と同じ「左に青バー」の見た目。
   このページは section.css を読まないため、ここで同値を再定義している。 */
.privacy__body h2 {
  margin: var(--space-64) 0 var(--space-24);
  border-left: .5rem solid var(--color-primary);
  padding-left: var(--space-32);
  color: var(--color-black);
  font-size: var(--font-size-h3-lg);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-widest);
}

.privacy__body h3 {
  margin: var(--space-40) 0 var(--space-16);
  color: var(--color-black);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-widest);
}

.privacy__body ul {
  margin: var(--space-16) 0 0;
  padding-left: var(--space-24);
  list-style: disc;
}

.privacy__body li {
  color: var(--color-text-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-loose);
  letter-spacing: var(--letter-spacing-wide);
}

.privacy__body a {
  color: var(--color-accent);
  text-decoration: underline;
  /* Google各規約のURLをそのまま本文に出すため、長いURLがカード幅を超えたら折る */
  word-break: break-all;
}

/* 注釈（(注1) クッキーとは… 等）。本文より一段落とした補足行 */
.privacy__body .privacy-note {
  color: var(--color-gray-dark);
  font-size: var(--font-size-h5);
  line-height: var(--line-height-body);
}

/* お問い合わせ窓口のブロック（住所・メール）は薄グレー地で本文と切り分ける */
.privacy__body .privacy-contact {
  margin-top: var(--space-24);
  padding: var(--space-32);
  border-radius: var(--radius-lg);
  background: var(--color-gray-light);
}

/* --- SP ---------------------------------------------------------------- */
@media (max-width: 767px) {
  .privacy {
    padding: var(--space-48) var(--space-24) var(--space-64);
  }
  .privacy__body {
    padding: var(--space-40) var(--space-24);
    border-radius: var(--radius-lg);
  }
  .privacy__body h2 {
    margin-top: var(--space-48);
    padding-left: var(--space-16);
    font-size: var(--font-size-h4);
  }
  .privacy__body h3 {
    margin-top: var(--space-32);
  }
  .privacy__body .privacy-contact {
    padding: var(--space-24);
  }
}