/* four block cards in a row, 1800 × 560. Used by 03-blocks, 05-run-blocks, 07-eval-blocks */
.canvas { width: 1800px; height: 560px; padding: 0 20px; box-sizing: border-box; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 32px; }
.card { height: 560px; min-width: 0; }
.card > .title { font-size: 40px; }
.card > .diagram { flex: 0 0 200px; }
.card > .defs { grid-auto-flow: row; grid-template-rows: none; row-gap: 0; }
.card > .defs dd { font-size: 22px; }
.card > .defs ul { gap: 10px; }
.card > .what { font-size: 24px; color: var(--muted); margin-top: 8px; line-height: 1.3; }
.card > .what b { color: var(--text); font-weight: 500; }
.frame.st .step, .frame.wf .step { min-width: 0; padding: 7px 14px; font-size: 19px; }
.card .flow { padding-top: 0; }
.card .flow.dense { padding-top: 0; }
.card .step[data-tag] { margin-top: 26px; }
.card .step.tag-below[data-tag] { margin-top: 0; margin-bottom: 26px; }