/* ============================================================
     ▼ /service/line/ ─ LINE運用・構築（このページ固有の追加）
        既存クラスとの衝突チェック済み：symq / exl / ppmap / four / inca / ask
     ============================================================ */

  /* 症状の一言 ── 各「面」の章の頭に置く引用。読者の声をそのまま置く */
  .symq{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--n700);
        margin:-14px 0 22px;padding:2px 0 2px 14px;border-left:3px solid var(--acc);line-height:1.9}

  /* シナリオ例・連携の型のリスト（ワイヤーの .ex 相当） */
  .exl{margin:30px 0 0}
  .exl .k{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;
          color:var(--b600);margin:0 0 4px}
  .exl h4{font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:.03em;margin:0 0 8px}
  .exl ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;
          gap:0 clamp(14px,3vw,34px)}
  .exl li{font-size:12.5px;font-weight:500;color:var(--n700);padding:10px 0 10px 16px;
          border-bottom:1px solid var(--n300);position:relative;line-height:1.8}
  .exl li::before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;background:var(--b600)}
  .exl li b{color:var(--n900);font-weight:700}
  .exl.gold li::before{background:var(--acc)}
  .exl.gold .k{color:var(--acc-ink)}
  .exl.inca{margin:0 0 14px}   /* カルーセルの中に入れるとき */
  @media (max-width:760px){.exl ul{grid-template-columns:1fr}}

  /* 面の補足メモ（薄青の帯） */
  .ppmap{background:var(--b50);border:1px solid var(--b200);border-left:3px solid var(--b600);
         padding:15px 18px;margin-top:22px;font-size:13px;font-weight:500;color:var(--n700);line-height:1.9}
  .ppmap strong,.ppmap b{color:var(--n900)}
  .ppmap a{color:var(--b600);font-weight:700}
  .band-tint .ppmap{background:var(--white)}

  /* 進め方 ── 共通の .steps は3カラムなので、このページの4STEPだけ広げる */
  .steps.four{grid-template-columns:repeat(4,1fr)}
  @media (max-width:880px){.steps.four{grid-template-columns:1fr 1fr}}
  @media (max-width:560px){.steps.four{grid-template-columns:1fr}}

  /* band-deep（2026年秋）の上に置くパーツの色 */
  .band-deep .figcap{color:#A8C0D6}
  .ask{background:var(--white);border:1px solid var(--n300);border-top:2px solid var(--acc);
       padding:22px 24px;margin-top:26px;color:var(--n900)}
  .ask h4{font-family:var(--serif);font-size:16px;font-weight:700;margin:0 0 10px;
          letter-spacing:.03em;color:var(--n900)}
  .ask ul{margin:0;padding-left:1.3em;color:var(--n700)}
  .ask li{margin-bottom:6px;font-size:13.5px;font-weight:500;line-height:1.9}
  .ask li::marker{color:var(--acc-ink)}
  .ask b{color:var(--n900)}

  /* ============================================================
     ▼ 2026-08-09 永野FB反映 ─ 文字ブロックのビジュアライズ
        図（svg.fig）・matrix表・カルーセル構造は据え置き。
        文字だけのブロックにアイコンを効かせ、遷移段落をカード化する。
        新規クラスは .xlink のみ（crm-design/braze v2 と同名・同定義／§7-1衝突チェック済み）
     ============================================================ */
  /* 章末の遷移メモ（.ppmap）：頭にアイコン */
  .ppmap>.ic{width:15px;height:15px;margin-right:8px;vertical-align:-3px;color:var(--b600)}
  /* 連携の4つの型・シナリオ例（.exl）：各項目の頭にアイコン */
  .exl li .ic{width:13px;height:13px;margin-right:6px;vertical-align:-2px;color:var(--b600)}
  .exl.gold li .ic{color:var(--acc-ink)}
  /* カルーセル：各スライドの見出しにアイコン */
  .carou .carou-item h4 .ic{width:16px;height:16px;margin-right:7px;vertical-align:-3px;color:var(--b600)}
  /* この秋、先に決めておくこと（.ask）：見出しと各項目の頭にアイコン */
  .ask h4 .ic{width:15px;height:15px;margin-right:7px;vertical-align:-2.5px;color:var(--acc-ink)}
  .ask li .ic{width:13px;height:13px;margin-right:6px;vertical-align:-2px;color:var(--b600)}
  /* FAQ：各設問にアイコン（Qの右） */
  .faq summary .ic{width:15px;height:15px;margin-right:8px;vertical-align:-2.5px;color:var(--b400)}
  /* 関連カード：サービスごとのアイコン（.ic-card は共通定義の20px） */
  .rel a .ic-card{margin-bottom:2px}
  /* 本文中の遷移段落を、アイコンつきのカードに載せ替える（文言は据え置き）
     ── crm-design/braze v2 の .xlink と同名・同定義 */
  .xlink{display:flex;align-items:flex-start;gap:12px;
         background:var(--b50);border:1px solid var(--n300);border-left:3px solid var(--b600);
         padding:16px 18px}
  .xlink>.ic{flex:none;width:18px;height:18px;color:var(--b600);margin-top:4px}
  .xlink>span{min-width:0}
  .band-tint .xlink{background:var(--white)}