@charset "UTF-8";
/**===============================================================
   [pages] public/rules
==================================================================
   @description
       規約系ページ（プライバシーポリシー / 利用規約 /
       特定商取引法に基づく表記）専用。
       Figma: 新デザイン（規約系） (b43ajOynbRJtwdz1ZR6spY)

       V2移行済みページは policy.blade.php / rule.blade.php / rule-z.blade.php。
       legalnotice をV2化する際もこのファイルを使う。
=================================================================*/

/* パンくず → 見出し → リード文。カードとの間は Space-24 */
.ds-page-head {
  display: flex;
  flex-direction: column;
  gap: var(--app-space-48);
  margin-bottom: var(--app-space-24);
}

.ds-page-head .ds-page-title {
  display: flex;
  flex-direction: column;
  gap: var(--app-space-24);
}

/* カード内の本文。セクション間 48px、見出し→本文 8px */
.ds-doc {
  display: flex;
  flex-direction: column;
  gap: var(--app-space-48);
}

.ds-doc > section {
  display: flex;
  flex-direction: column;
  gap: var(--app-space-8);
}

.ds-doc > section > p {
  margin-bottom: 0;
}

/* 本文中のリスト。Figma: 標準余白16px、項目間はSpace-8 */
.ds-doc ol,
.ds-doc ul {
  margin-bottom: 0;
  padding-left: calc(var(--app-space-16) + 1.2em);
}

.ds-doc li + li {
  margin-top: var(--app-space-8);
}