/* BoostX Media / whitepaper-cta.css — 資料DL CTA（inc/whitepaper-cta.php）。2026-10-06
 * 墨色の文字・細い罫・淡い面。業界色は主ボタンの枠のアクセントだけ（AI臭・カード乱用をしない）。
 * トークンは v8（--bx8-ink 等）があれば使い、無ければフォールバック。 */
.bxwp {
  --bxwp-ink: var(--bx8-ink, #0e1730);
  --bxwp-line: var(--bx8-line, #d9dee7);
  --bxwp-soft: var(--bx8-soft, #f4f6fb);
  --bxwp-accent: #0B2442; /* メディアの基調色（ヘッダーの無料相談と同じ紺）2026-10-08 社長「それぞれのサイトに色を合わせる」 */
  margin: 2.4rem 0;
}
.bxwp__in { max-width: 1040px; }
.bxwp__h {
  margin: 0 0 1.2rem;
  padding-top: 1.1rem;
  border-top: 2px solid var(--bxwp-ink);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--bxwp-ink);
}
.bxwp__cards { display: block; }
.bxwp__card {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
  padding: 0 0 1.4rem;
  max-width: 100%;
}
.bxwp__title, .bxwp__pt { overflow-wrap: anywhere; word-break: auto-phrase; line-break: strict; }
.bxwp__cover { display: block; background: var(--bxwp-soft); padding: 18px 22px; border-radius: 4px; }
.bxwp__cover img { display: block; width: 100%; height: auto; box-shadow: 0 10px 24px rgba(14,23,48,.14); background: #fff; }
.bxwp__body { min-width: 0; }
.bxwp__kick { margin: 0 0 .35rem; font-size: .75rem; letter-spacing: .06em; color: #5a6478; }
.bxwp__title { margin: 0 0 .7rem; font-size: 1.22rem; font-weight: 700; line-height: 1.5; color: var(--bxwp-ink); text-wrap: balance; }
.bxwp__points { margin: 0 0 1.1rem; padding: 0; list-style: none; }
.bxwp__pk { display: none; }
.bxwp__pt { position: relative; padding: .35rem 0 .35rem 1.3em; font-size: .9rem; line-height: 1.65; color: var(--bxwp-ink); border-top: 1px solid var(--bxwp-line); }
.bxwp__pt:last-child { border-bottom: 1px solid var(--bxwp-line); }
.bxwp__pt::before { content: ""; position: absolute; left: .15em; top: 1.05em; width: .42em; height: .42em; border: solid var(--bxwp-accent); border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); }
.bxwp__go { margin: 0; }
.bxwp__btn { display: inline-flex; align-items: center; gap: .5em; padding: .8rem 1.5rem; border-radius: 6px; font-size: .95rem; font-weight: 700; color: #fff; background: var(--bxwp-accent); text-decoration: none; transition: opacity .15s; }
.bxwp__btn:hover { opacity: .88; color: #fff; }
a.bxwp__btn:not(.bxwp__card--band a), a.bxwp__btn:not(.bxwp__card--band a):link, a.bxwp__btn:not(.bxwp__card--band a):visited, a.bxwp__btn:not(.bxwp__card--band a):hover { color: #fff !important; }
.bxwp__arw { font-weight: 400; }
/* セキュリティ版などの副は、罫線の下に1行で添える（箱にしない） */
.bxwp__card--band { grid-template-columns: 44px minmax(0, 1fr); gap: .9rem; align-items: center; padding: .9rem 0 0; border-top: 1px solid var(--bxwp-line); }
.bxwp__card--band .bxwp__cover { padding: 0; background: none; }
.bxwp__card--band .bxwp__cover img { box-shadow: 0 2px 6px rgba(14,23,48,.12); }
.bxwp__card--band .bxwp__body { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem 1rem; }
.bxwp__card--band .bxwp__kick { margin: 0; }
.bxwp__card--band .bxwp__title { font-size: .92rem; margin: 0; }
.bxwp__card--band .bxwp__points { display: none; }
.bxwp__card--band .bxwp__btn { padding: 0; background: none; color: var(--bxwp-accent); font-size: .86rem; border-bottom: 1px solid currentColor; border-radius: 0; }
.bxwp__card--band .bxwp__btn:hover { color: var(--bxwp-accent); }
@media (max-width: 640px) {
  .bxwp__card { grid-template-columns: 1fr; gap: 1rem; }
  .bxwp__cover { width: 150px; padding: 12px 14px; }
  .bxwp__title { font-size: 1.06rem; }
  .bxwp__btn { width: 100%; justify-content: center; }
  .bxwp__card--band { grid-template-columns: 40px minmax(0, 1fr); }
  .bxwp__card--band .bxwp__btn { width: auto; }
}