.cd-board { text-align: center; padding: 18px 10px 8px; margin-top: 8px; border-radius: 16px; background: var(--brand-50, #eaf2f9); }
.cd-title { margin: 0 0 12px; font-size: 1.3rem; }
.cd-units { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 520px; margin: 0 auto; }
.cd-units div { background: #fff; border-radius: 12px; padding: 12px 4px; border: 1px solid var(--line); }
.cd-units b { display: block; font: 700 clamp(1.6rem, 7vw, 2.6rem) ui-monospace, Menlo, monospace; color: var(--brand, #0260A2); font-variant-numeric: tabular-nums; }
.cd-units span { font-size: .8rem; color: var(--muted, #6b7785); }
.cd-board.is-past b { color: var(--ink-2); }