/* ============================================================
   /services/ のサービスカード（2026-08-10）
   🔴 main.css とは別ファイルにしている。main.css は同時期に別作業が入るため。
      読み込みは main.css の後なので、同じ詳細度の指定はこちらが勝つ。
   ねらい: カードを開かなくても「何をしてもらえるか」が分かること。
      見出し → 一文 → 具体3項目 → 価格つきの行動、という同じ骨格に23枚を揃える。
   🔴 白カード基調。項目に背景色を敷かない・左線アクセントは作らない。
      差は 1px の区切り線とチェック記号と文字だけで出す。
   ============================================================ */

/* 以前は .bcs-svc-lead が flex:1 で伸びて価格を下端へ押していた。
   具体項目が入ったので、伸びる役割は価格行（margin-top:auto）へ移す。 */
.bcs-svc-lead { flex: 0 0 auto; }

.bcs-svc-inc {
  list-style: none;
  margin: 2px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--line-2);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.bcs-svc-inc li {
  position: relative;
  padding-left: 19px;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--ink);
}
.bcs-svc-inc li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: .62em;
  width: 9px;
  height: 5px;
  /* 🔴 --blue-soft はこのサイトでは淡い背景色(#E9F0F6)で、線に使うとほぼ見えない。
     ネットワークの詳細カード(.bn-dt-ck)と同じ --blue / 1.6px に揃える。 */
  border-left: 1.6px solid var(--blue);
  border-bottom: 1.6px solid var(--blue);
  transform: rotate(-45deg);
}

/* 事前確認型は範囲が未確定なので、代わりに「残るもの」を1行だけ置く。
   ここで無理に3項目つくらない（書けないことを書かない）。 */
.bcs-svc-asset {
  margin: 2px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--line-2);
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--ink);
}
/* 🔴 2026-08-31。読ませる文字の下限は12px。
   このファイルは main.css の一括見直しの対象外だったため、ここだけ残っていた。 */
.bcs-svc-asset span {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--muted);
}

/* 価格行が下端をそろえる役になる。目安期間は価格の右に小さく添える。 */
.bcs-svc-price {
  margin-top: auto;
  padding-top: 12px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
}
/* 🔴 2026-08-31。main.css 側は12pxに直したが、**こちらの方が詳しくて勝っていた**ので
   /services/ では 11.5px のままだった。一括修正が届かない別ファイルがあることを見落としていた。 */
.bcs-svc-price .bcs-svc-dur {
  margin: 0 0 0 auto;
  font-size: 12px;
  color: var(--muted);
  white-space: nowrap;
}

@media (max-width: 680px) {
  .bcs-svc-inc li { font-size: 12px; }
  .bcs-svc-price .bcs-svc-dur { margin-left: 0; }
}

/* SERVICE MAP(2026-08-12): カード上部の局所地図。写真サムネ代替=情報設計UI。背景は白のみ(§13) */
.bcs-svc-map{margin:0 0 12px;border-bottom:1px solid var(--line-2,var(--line));padding-bottom:6px}
.bcs-svc-map svg{max-height:150px}