/* =============================================================
   sections/service-detail.css — サービス 1 本ぶんの詳細（services で 5 回再利用）
   -------------------------------------------------------------
   出典: pages/02-services/index.html <style> の
        .chip-label / .chip-row。
   ルートクラス .service-detail の配下だけに限定する。他 section へ副作用を出さない。
   バンド差分は assets/css/bands/ 側。
   ============================================================= */

/* 対応範囲・制作物などのチップ列 */
.service-detail .chip-label {
  font: var(--type-caption);
  letter-spacing: var(--tracking-tagline);
  color: var(--color-ink-muted-48);
  margin: 0 0 var(--space-sm);
}
.service-detail.tile-dark .chip-label { color: var(--color-body-muted); }
.service-detail .chip-row {
  display: flex; flex-wrap: wrap; gap: var(--space-sm); justify-content: center;
  margin: 0 auto var(--space-lg); max-width: var(--content-max-reading);
}