/* ===================================================
   page-rule-documentation.css — /service/rule-documentation 固有スタイル
   共通レイアウトは service-detail.css を使用。
   読み込み順: handoff-base.css → service-detail.css → 本ファイル。
   =================================================== */

/* 「明文化できる内容」はリンク一覧ではないため <a> を置かない。
   service-detail.css の .task-list はパディング・文字サイズを a 側に
   持っているので、li 直下テキストでも同じ見た目になるよう補う。 */
.page-rule-documentation .task-list li {
  padding: 14px 0;
  font-size: clamp(17px, 1.3vw, 18px);
  font-weight: 500;
  line-height: 1.6;
  color: var(--ink);
}

/* 「ご利用方法」の月額契約。スポットでのご依頼が主のため、
   /service/advisory 利用企業向けの補足として控えめに見せる */
.page-rule-documentation .use-spot {
  margin-top: clamp(8px, 1vw, 12px);
  padding: clamp(16px, 2vw, 20px) clamp(18px, 2.2vw, 24px);
  background: var(--bone);
}
.page-rule-documentation .use-spot h3 { font-size: 14px; color: var(--ink-soft); margin-bottom: 6px; }
.page-rule-documentation .adv-section .use-spot p {
  font-size: clamp(15px, 1.1vw, 16px);
  line-height: 1.8;
  color: var(--ink-soft);
}
.page-rule-documentation .use-spot p + p { margin-top: 6px; }