/* BCS 用語辞書 型 2 — 器（vessel.css）の上に置くサイトの層（2026-10-02 21:0x 統括）
   🔴 トンマナは BCS のまま: 色・書体・角・影は BCS の CSS 変数（tokens.css の --ink・--blue*・--line・--r・--shadow・--font-*・--t-*）から引く。値を直書きしない。
   🔴 器の部品の見た目を変えるのは --v-* と、本文（.v-body）の中の bd-* の部品だけ。器の決まり（2 列・目次の動き・次の一歩）は変えない。
   🔴 左の太い棒は使わない（節は番号と細い線・BLOOM の考えは淡い面）。丸い札・タブの見た目は使わない。 */
.bcs-dict2{padding-bottom:72px}
.bcs-dict2 .v{
  --v-ink:var(--ink);--v-paper:var(--paper);--v-muted:var(--muted);--v-faint:var(--faint);
  --v-accent:var(--blue-ink);--v-line:var(--line);--v-box:var(--blue-pale);--v-box2:var(--surface-2);
  --v-link:var(--blue-ink);--v-link-deco-color:var(--blue-border);
  --v-serif:var(--font-head);--v-sans:var(--font-sans);--v-head-weight:700;--v-body-font:var(--font-sans);
  --v-title-size:clamp(28px,1.6vw + 22px,40px);--v-title-size-lg:clamp(28px,1.6vw + 22px,40px);--v-title-lh:1.35;
  --v-h2-size:clamp(21px,.6vw + 18px,26px);--v-h2-size-lg:clamp(21px,.6vw + 18px,26px);
  --v-body-size:var(--t-read);--v-body-lh:1.95;--v-body-ls:.01em;
  --v-radius:var(--r);--v-radius-lg:var(--bcs-radius-lg,16px);--v-shadow:var(--shadow-lg);
  --v-fab-bg:var(--blue-btn);--v-fab-ink:var(--on-blue);--v-toc-bg:var(--paper);--v-toc-ink:var(--ink);
  --v-answer-bg:var(--blue-pale);--v-answer-border:1px solid var(--blue-border);--v-answer-pad:20px 24px;
  --v-measure:44rem;--v-side:248px;--v-gap:56px;--v-sticky-top:88px;--v-gutter:16px;
  --v-kicker-ls:.08em;--v-label-ls:.12em;
}
/* 頭: 分類・題・英語と正式名・発行と最終更新・読む時間を 1 つのまとまりに */
.bcs-dict2 .v-head{padding-top:8px}
.bcs-dict2 .v-kicker{font-weight:600;margin-top:16px}
.bcs-dict2 .v-title{font-weight:700}
.bcs-dict2 .v-sub{font-size:14px;margin-top:10px}
.bcs-dict2 .v-by{margin:18px 0 0}
.bcs-dict2 .v-answer{box-shadow:var(--shadow)}
.bcs-dict2 .v-answer p:not(.v-box__k){font-size:var(--t-lead);line-height:1.85;color:var(--ink);font-weight:500}
/* 節: 番号（01・02…）と細い線。器の部品の見出し（よくある質問・参考・関連）も同じ数え方 */
.bcs-dict2 .v-main{counter-reset:bdsec}
.bcs-dict2 .bd-sec,.bcs-dict2 .v-faq,.bcs-dict2 .v-src,.bcs-dict2 .v-entity{border-top:1px solid var(--line);margin:48px 0 0;padding-top:28px}
.bcs-dict2 .bd-h,.bcs-dict2 .v-faq h2,.bcs-dict2 .v-src h2{counter-increment:bdsec;font-family:var(--font-head);font-weight:700;font-size:var(--v-h2-size);line-height:1.5;margin:0 0 18px;display:block;scroll-margin-top:calc(var(--v-sticky-top) + 8px)}
.bcs-dict2 .bd-h::before,.bcs-dict2 .v-faq h2::before,.bcs-dict2 .v-src h2::before{content:counter(bdsec,decimal-leading-zero);display:block;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--blue);margin:0 0 6px}
.bcs-dict2 .v-body h2.bd-h{margin-top:0}
.bcs-dict2 .v-body p{color:var(--ink-soft)}
/* 表（器の表の型を使う。スマホは行ごとに縦に積む＝vessel.css の 959px 以下）。PC は罫線だけの表 */
.bcs-dict2 .bd-tw{margin:20px 0 8px}
.bcs-dict2 .bd-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.75}
.bcs-dict2 .bd-table caption{text-align:left;font-size:13px;color:var(--muted);padding:0 0 8px;caption-side:top}
.bcs-dict2 .bd-table thead th{font-size:13px;color:var(--muted);font-weight:600;background:var(--surface-2);border-bottom:1px solid var(--line)}
.bcs-dict2 .bd-table th,.bcs-dict2 .bd-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:break-word}
.bcs-dict2 .bd-table tbody th{font-weight:600;color:var(--ink);white-space:normal}
@media (min-width:960px){.bcs-dict2 .bd-table--cmp tbody th{width:9.5em}}
@media (max-width:959px){
  .bcs-dict2 .bd-table caption{display:block}
  .bcs-dict2 .bd-table tbody th{display:block;border:0;padding:4px 0 8px;font-size:15px}
  .bcs-dict2 .bd-table tbody tr{background:var(--paper)}
  .bcs-dict2 .v-body table:not(.v-cmp) td[data-label]::before{flex:0 0 6.5em;font-size:13px}
  .bcs-dict2 .bd-table td{padding:6px 0}
}
/* 流れ（仕組み）: PC は横に矢印でつなぐ・スマホは縦 */
.bcs-dict2 .bd-flow{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px;counter-reset:bdflow}
.bcs-dict2 .bd-flow li{counter-increment:bdflow;position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 12px 46px;font-size:15px;line-height:1.7;color:var(--ink)}
.bcs-dict2 .bd-flow li::before{content:counter(bdflow);position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:50%;background:var(--blue-btn);color:var(--on-blue);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bcs-dict2 .bd-flow li+li::after{content:"";position:absolute;left:24px;top:-11px;width:1px;height:10px;background:var(--blue-border)}
/* 具体例: 名前と種類・分かること（カード。丸い札にしない） */
.bcs-dict2 .bd-ex{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.bcs-dict2 .bd-ex{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bcs-dict2 .bd-ex li{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:var(--paper)}
.bcs-dict2 .bd-ex__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px !important}
.bcs-dict2 .bd-ex__n{font-weight:700;color:var(--ink);font-size:16px}
.bcs-dict2 .bd-ex__k{font-size:13px;color:var(--blue-ink)}
.bcs-dict2 .bd-ex__d{margin:0 !important;font-size:15px;line-height:1.8}
/* 出典の印 [n] */
.bcs-dict2 .bd-cite{font-size:12px;text-decoration:none;color:var(--blue-ink);display:inline-block;min-width:44px;min-height:44px;line-height:44px;margin:-14px -12px -14px -10px;text-align:center;vertical-align:middle}   /* 押せる的は 44px・行の高さは変えない（負の余白） */
/* 良い点と気をつける点 */
.bcs-dict2 .bd-pc{display:grid;gap:16px;margin:18px 0 0}
@media (min-width:700px){.bcs-dict2 .bd-pc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bcs-dict2 .bd-pc__col{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;border-top:3px solid var(--green-ink)}
.bcs-dict2 .bd-pc__col--cons{border-top-color:var(--warn)}
.bcs-dict2 .bd-pc__k{font-size:14px;font-weight:700;margin:0 0 8px !important;color:var(--ink) !important}
.bcs-dict2 .bd-pc ul{margin:0;padding:0 0 0 1.1em}
.bcs-dict2 .bd-pc li{font-size:15px;line-height:1.8;margin:6px 0;color:var(--ink-soft)}
/* まずやること（番号つきの手順） */
.bcs-dict2 .bd-steps{list-style:none;margin:20px 0 0;padding:0;counter-reset:bdstep}
.bcs-dict2 .bd-steps li{counter-increment:bdstep;position:relative;padding:0 0 22px 56px}
.bcs-dict2 .bd-steps li::before{content:counter(bdstep,decimal-leading-zero);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:var(--r);background:var(--blue-pale);border:1px solid var(--blue-border);color:var(--blue-ink);font-family:var(--font-mono);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bcs-dict2 .bd-steps li:not(:last-child)::after{content:"";position:absolute;left:20px;top:44px;bottom:4px;width:1px;background:var(--line)}
.bcs-dict2 .bd-steps__t{font-weight:700;color:var(--ink) !important;margin:6px 0 4px !important;font-size:16px}
.bcs-dict2 .bd-steps__d{margin:0 !important;font-size:15px;line-height:1.85}
/* 数字の見方 */
.bcs-dict2 .bd-metrics{margin:18px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.bcs-dict2 .bd-metrics>div{display:grid;gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
@media (min-width:700px){.bcs-dict2 .bd-metrics>div{grid-template-columns:12em minmax(0,1fr)}}
.bcs-dict2 .bd-metrics dt{font-weight:700;color:var(--ink)}
.bcs-dict2 .bd-metrics dd{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.8}
.bcs-dict2 .bd-seealso{font-size:14px;margin:14px 0 0 !important}
/* BLOOM ではどう考えるか（淡い面。左の太い棒は使わない） */
.bcs-dict2 .bd-view{background:var(--blue-pale);border:1px solid var(--blue-border);border-radius:var(--r);padding:20px 22px}
.bcs-dict2 .bd-view p:last-child{margin-bottom:0}
.bcs-dict2 .bd-view p{color:var(--ink) !important}
/* よくある誤解 */
.bcs-dict2 .bd-myth{margin:16px 0 0;display:grid;gap:12px}
.bcs-dict2 .bd-myth>div{border:1px solid var(--line);border-radius:var(--r);padding:14px 18px}
.bcs-dict2 .bd-myth dt,.bcs-dict2 .bd-myth dd{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:8px;margin:0;font-size:15px;line-height:1.8}
.bcs-dict2 .bd-myth dt{color:var(--muted)}
.bcs-dict2 .bd-myth dd{color:var(--ink);margin-top:6px}
.bcs-dict2 .bd-myth__k{font-size:12px;font-weight:700;color:var(--blue-ink);padding-top:3px}
.bcs-dict2 .bd-myth dt .bd-myth__k{color:var(--crit)}
/* よくある質問（器の部品 v-faq）: 押せる的を 44px 以上に */
.bcs-dict2 .v-faq details{padding:0}
.bcs-dict2 .v-faq summary{min-height:48px;display:flex;align-items:center;padding:10px 0;font-size:16px;color:var(--ink)}
.bcs-dict2 .v-faq details p{margin:0 0 14px;color:var(--ink-soft);font-size:15px;line-height:1.85}
/* 参考・一次情報（器の部品 v-src・出典名と日付とリンク） */
.bcs-dict2 .v-src{font-size:14px}
.bcs-dict2 .v-src ol{padding-left:1.6em}
.bcs-dict2 .v-src li{margin:0;padding:6px 0;line-height:1.7}
.bcs-dict2 .v-src a{word-break:normal;overflow-wrap:anywhere;color:var(--blue-ink);display:inline-block;padding:10px 0;min-height:44px}
.bcs-dict2 .v-src li{padding:0}
.bcs-dict2 .v-bc a{display:inline-flex;align-items:center;min-height:44px}
.bcs-dict2 .v-bc ol{margin-top:4px;margin-bottom:0}
.bcs-dict2 .v-src li:target{background:var(--blue-pale)}
/* 関連用語（カード。丸い札・タブにしない） */
.bcs-dict2 .bd-rel{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.bcs-dict2 .bd-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bcs-dict2 .bd-rel a{display:flex;flex-direction:column;gap:6px;height:100%;min-height:44px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit;background:var(--paper);transition:border-color .15s,box-shadow .15s}
.bcs-dict2 .bd-rel a:hover{border-color:var(--blue-border);box-shadow:var(--shadow)}
.bcs-dict2 .bd-rel__t{font-weight:700;color:var(--blue-ink);font-size:16px}
.bcs-dict2 .bd-rel__d{font-size:14px;line-height:1.75;color:var(--muted)}
/* 発行・一覧へ・次の一歩 */
.bcs-dict2 .v-author{margin-top:48px}
.bcs-dict2 .v-next{margin:20px 0 0}
.bcs-dict2 .v-next__h{display:none}
.bcs-dict2 .v-next__index{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.bcs-dict2 .v-ctaw .bcs-dict-consult{margin:0}
.bcs-dict2 .v-toc a{min-height:44px;align-items:center}
.bcs-dict2 .v-toc-fab{min-height:44px}
.bcs-dict2 .v-toc__x{min-width:44px;min-height:44px}
/* 器の .v a{color:var(--v-link)} が次の一歩のボタンの字の色を上書きし、青地に青で字が消えた（10/02 手元の版で実測）。
   器の一覧の次の一歩（.v-lcta a）と同じく、記事の次の一歩（.v-cta）の中はサイトの色に戻す＝器へ返す案（返事に書く） */
.bcs-dict2 .v-cta a.bcs-btn-primary{color:var(--on-blue)}
.bcs-dict2 .v-cta a.bcs-btn-ghost{color:var(--blue-ink)}

/* 括弧書きの塊（テンプレートの $e が包む）・相手ごとに組み替えた比較表 */
.bcs-dict2 .bd-nw{white-space:nowrap}
@media (min-width:960px){.bcs-dict2 .bd-table--by tbody th{width:8.5em}.bcs-dict2 .bd-table--by{font-size:14.5px}}
/* パンくず: 最後の語（span）を他の項目と同じ高さにそろえる（1440 で「› OTA」が浮いた・10/02） */
.bcs-dict2 .v-bc li{display:inline-flex;align-items:center}
/* 出典が 7 件以上で畳むとき（器の v-src__fold）: 三角の印を見出しの右に小さく（見出しの上に 1 行で出ていた） */
.bcs-dict2 .v-src__fold summary{list-style:none;display:block;min-height:44px}
.bcs-dict2 .v-src__fold summary::-webkit-details-marker{display:none}
.bcs-dict2 .v-src__fold summary h2::after{content:"";display:inline-block;width:8px;height:8px;margin-left:12px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-4px) rotate(45deg);transition:transform .15s}
.bcs-dict2 .v-src__fold[open] summary h2::after{transform:translateY(0) rotate(-135deg)}
/* よくある質問: 開く印（右の ＋） */
.bcs-dict2 .v-faq summary{list-style:none;justify-content:space-between;gap:16px}
.bcs-dict2 .v-faq summary::-webkit-details-marker{display:none}
.bcs-dict2 .v-faq summary::after{content:"+";flex:none;font-size:20px;line-height:1;color:var(--blue-ink);font-weight:400}
.bcs-dict2 .v-faq details[open] summary::after{content:"−"}
@media (max-width:959px){.bcs-dict2 .v-bc li:last-child{display:none}}   /* 上の inline-flex が器の「390 では題をパンくずに繰り返さない」を打ち消した（10/02 実測）＝器の決まりに戻す */

/* 題の下の英語表記と正式名: 語の途中で折らない（360 で「オンライントラベ|ルエージェント」） */
.bcs-dict2 .v-sub{word-break:keep-all;overflow-wrap:anywhere}
@media (min-width:960px){.bcs-dict2 .bd-table .bd-nwc{white-space:nowrap}}   /* スマホは行ごとに積む＝折らない塊にすると 360 で 8px はみ出した（10/02 夜）。括弧書きの塊（bd-nw は $e の側）も表の中は折ってよい */
@media (min-width:960px){.bcs-dict2 .v-toc__x,.bcs-dict2 .v-toc-fab,.bcs-dict2 .v-toc-backdrop{display:none}}   /* 本番では後から読む CSS が button を表に出し、PC の目次に「×」が出た（10/03 実測）＝器の決まりをサイトの層でも明示 */

/* BLOOM の実例・数（BLOOM の節の中・数え方と期間の注つき） */
.bcs-dict2 .bd-data{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--blue-border)}
.bcs-dict2 .bd-data__k{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--blue-ink) !important;margin:0 0 8px !important}
.bcs-dict2 .bd-data ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bcs-dict2 .bd-data__t{display:block;font-size:15px;line-height:1.8;color:var(--ink);font-weight:500}
.bcs-dict2 .bd-data__n{display:block;font-size:12.5px;line-height:1.7;color:var(--muted);margin-top:2px}

/* 見出しと札の名前は行の長さをそろえる（360 で「〜の|状況」の 2 字だけが次の行に落ちた・10/03） */
.bcs-dict2 .bd-h,.bcs-dict2 .bd-ex__n,.bcs-dict2 .bd-steps__t,.bcs-dict2 .bd-rel__t,.bcs-dict2 .bd-metrics dt{text-wrap:balance}
.bcs-dict2 .bd-table td,.bcs-dict2 .bd-table th,.bcs-dict2 .bd-table .v-td{text-wrap:balance}   /* 表のセルの最後の行に 2 字だけ落ちる形（360「〜登録の|状況」・10/03） */