/* ============================================================
   KABUKI license.css（有料職業紹介業務運営について・簡易テキストページ）
   Figma にデザインなし（仕様書09 9-A）。privacy-policy.css と全く同じ内容。
   inc/enqueue.php はスラッグごとに assets/css/pages/{slug}.css を1枚だけ
   読み込む仕組みのため、@import ではなく同内容のファイルを2枚用意した
   （判断。完了報告参照）。変更する場合は privacy-policy.css も同時に直す。
   色・フォント値は必ず tokens.css の var() を参照する。
   ============================================================ */

.p-legal__hero {
  background-color: var(--color-white);
  padding-block: 40px 24px;
}

@media (min-width: 768px) {
  .p-legal__hero {
    padding-block: 64px 32px;
  }
}

.p-legal__hero-title {
  font-size: var(--fs-24);
  font-weight: var(--fw-bold);
  color: var(--color-black);
}

@media (min-width: 768px) {
  .p-legal__hero-title {
    font-size: var(--fs-32);
  }
}

.p-legal__body {
  background-color: var(--color-white);
  padding-block: 8px 40px;
}

@media (min-width: 768px) {
  .p-legal__body {
    padding-block: 8px 64px;
  }
}

/* the_content() の管理画面入稿本文向けの汎用タイポスタイル。
   wp-block-library はブログ以外で dequeue されるため（inc/enqueue.php）、
   段落・見出し・リストの最低限の見た目をここで担保する。 */
.p-legal__content {
  max-width: 840px;
}

.p-legal__content > * + * {
  margin-top: 1.5em;
}

.p-legal__content p {
  font-size: var(--fs-16);
  line-height: var(--lh-jp);
  color: var(--color-black);
}

.p-legal__content h2 {
  font-size: var(--fs-22);
  font-weight: var(--fw-bold);
  line-height: var(--lh-jp);
  color: var(--color-black);
}

.p-legal__content h3 {
  font-size: var(--fs-18);
  font-weight: var(--fw-bold);
  line-height: var(--lh-jp);
  color: var(--color-black);
}

.p-legal__content ul,
.p-legal__content ol {
  padding-left: 1.4em;
  font-size: var(--fs-16);
  line-height: var(--lh-jp);
  color: var(--color-black);
}

.p-legal__content ul {
  list-style: disc;
}

.p-legal__content ol {
  list-style: decimal;
}

.p-legal__content li + li {
  margin-top: 0.5em;
}

.p-legal__content a {
  color: var(--color-red);
  text-decoration: underline;
}