:root{
  --blue:#2e59c6;           /* 背景ブルー */
  --blue-deep:#234db3;      /* タイトル帯の濃い部分 */
  --ink:#19429d;            /* 線色 */
  --cell:#fff;             /* パネルの白 */
}

.cdb-wrap{
  /* padding:28px; */
  border-radius:16px;
  color:#1f44a5;
}
.cdb-title{color:#fff;text-align:center;font-weight:800;letter-spacing:.04em;margin:6px 0 14px}

.cdb-panel{display:grid;gap:0;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.cdb-cell{background:var(--cell);padding:22px 18px;position:relative;min-height:180px}
.cdb-cell:not(:nth-child(3n+1)){border-left:2px solid var(--ink)/20}
.cdb-cell{border-top:2px solid color-mix(in oklab, var(--ink) 22%, transparent);margin-right:5px;}
.cdb-panel>.cdb-cell:nth-child(-n+3){border-top:none;}

/* ピル */
.cdb-pill{display:inline-block;background:color-mix(in oklab, var(--blue) 90%, white 0%);color:#fff;padding:8px 18px;border-radius:999px;font-weight:800;letter-spacing:.06em}

/* 数値タイポ */
.cdb-big{font-size:34px;font-weight:800;line-height:1.1;margin-top:10px}
.cdb-big em{font-size:84px;font-style:normal;font-weight:900;margin-right:4px}
.cdb-mid{font-size:28px;font-weight:800;margin-top:14px}
.cdb-mid em{font-size:68px;font-style:normal;font-weight:900;margin:0 6px}
.cdb-note{margin-top:4px;font-weight:800;letter-spacing:.06em}
.cdb-hr{height:2px;background:#dbe6ff;margin:10px 0 6px}
.cdb-grow-row{display:flex;gap:18px;font-weight:700}
.cdb-grow-row b{font-weight:900}

/* 画像チャート */
.chart{display:block;width:240px;max-width:100%;margin:14px auto 10px}
.legend{display:flex;gap:14px;justify-content:center}
.cdb-legend-img{display:flex;gap:18px;justify-content:center;align-items:center;color:#19429d;font-weight:800;margin-top:8px}
.cdb-dot i{display:inline-block;width:12px;height:12px;border-radius:999px;background:#2a58c5;margin-right:8px}

/* フッタ注釈 */
.cdb-footnotes{color:#fff;opacity:.9;display:flex;gap:24px;list-style:none;margin:8px 6px 26px;padding:0}