/* ==========================================================================
   ChinaBox ブログ記事（新デザイン）
   - cb.css の後に読み込む。色は cb.css の :root 変数だけを使う
   - 記事ページ（/blog/記事名/）専用。他のページでは読み込まない
   ========================================================================== */

/* 版面は他の下層ページと同じ cb-wrap（1080px）。記事だけ狭くしない（2026-10-07 五月女指摘） */

/* FV：記事タイトルは長いので、下層ページより小さく */
.cb-artfv { padding-bottom: 40px; }
.cb-artfv .cb-art__title { font-size: 1.75rem; line-height: 1.5; text-wrap: balance; }
.cb-art__meta { margin-top: 14px; font-size: .875rem; color: var(--cb-text3); }

/* 本文 */
.cb-art { padding: 48px 0 72px; }
.cb-art__body { font-size: 1rem; line-height: 1.95; color: var(--cb-text); }
.cb-art__body > * + * { margin-top: 1.1em; }
.cb-art__body h2 {
  margin-top: 2.6em; padding: 4px 0 4px 14px;
  border-left: 4px solid var(--cb-coral);
  font-size: 1.375rem; line-height: 1.5; color: var(--cb-sumi); text-wrap: balance;
}
.cb-art__body h2 + * { margin-top: .9em; }
.cb-art__body ul, .cb-art__body ol { padding-left: 1.4em; }
.cb-art__body ul { list-style: disc; }
.cb-art__body ol { list-style: decimal; }
.cb-art__body li::marker { color: var(--cb-coral-txt); }
.cb-art__body li + li { margin-top: .55em; }
.cb-art__body b { color: var(--cb-sumi); }
.cb-art__body a:not(.cb-btn) { color: var(--cb-blue); }

.cb-art__lead { padding: 20px 22px; background: var(--cb-cool); border-radius: var(--cb-radius); font-weight: 700; color: var(--cb-sumi); }

.cb-art__toc { padding: 18px 22px; border: 1px solid var(--cb-line); border-radius: var(--cb-radius); }
.cb-art__toc-title { font-weight: 700; color: var(--cb-sumi); }
.cb-art__toc ol { margin-top: 8px; font-size: .9375rem; }
.cb-art__toc a { display: inline-block; padding: 2px 0; }

.cb-art__table { font-size: .9rem; min-width: 560px; }
.cb-art__table th, .cb-art__table td { padding: 12px 14px; }
.cb-art__table tbody th { white-space: normal; min-width: 9em; }
.cb-art__num { white-space: nowrap; font-variant-numeric: tabular-nums; }

.cb-art__steps > li::marker { font-weight: 700; }

.cb-art__cta {
  margin-top: 2.4em; padding: 24px 24px 26px;
  border: 2px solid var(--cb-blue); border-radius: var(--cb-radius); background: var(--cb-white);
  display: flex; flex-direction: column; gap: 12px; align-items: flex-start;
}
.cb-art__cta-title { font-size: 1.125rem; font-weight: 700; color: var(--cb-sumi); }

.cb-art__faq { max-width: none; margin: 18px 0 0; }  /* 見出しが左揃えなので、FAQ も版面の左端から（cb.css の中央寄せ880pxを解除） */

.cb-art__src { font-size: .875rem; line-height: 1.8; }
.cb-art__src a { word-break: break-all; }

.cb-art__related { margin-top: 2.4em; padding-top: 20px; border-top: 1px solid var(--cb-line); }
.cb-art__related-title { font-weight: 700; color: var(--cb-sumi); }
.cb-art__related ul { margin-top: 6px; }

@media (max-width: 767px) {
  .cb-artfv .cb-art__title { font-size: 1.375rem; }
  .cb-art { padding: 32px 0 56px; }
  .cb-art__body h2 { font-size: 1.1875rem; }
  .cb-art__lead, .cb-art__toc, .cb-art__cta { padding-left: 16px; padding-right: 16px; }
}
.cb-art__table--fit { min-width: 0; }