/* Chapter 12 only. Every rule is scoped to this chapter's scene. Shared rules live in deck.css. */
.scene[aria-label="Back to the whole diagram"] { width: 1920px; height: 1080px; background: transparent; transform: scale(3); transform-origin: 0 0; }
.scene[aria-label="Back to the whole diagram"] .ch12-scrim { background: var(--tai-black); }
.scene[aria-label="Back to the whole diagram"] .dbox { padding: 30px 34px; display: flex; align-items: center; }
.scene[aria-label="Back to the whole diagram"] .dbox > .b-title { font-size: 50px; line-height: 1.15; }

.scene[aria-label="Back to the whole diagram"] .ch12-stage { position: absolute; top: 0; text-align: center; white-space: nowrap; font: 600 24px/1.1 var(--body); color: var(--text-soft); }
.scene[aria-label="Back to the whole diagram"] .ch12-lane { position: absolute; left: 0; width: 185px; display: flex; align-items: center; font: 600 24px/1.1 var(--body); }
.scene[aria-label="Back to the whole diagram"] .ch12-mini { padding: 4px 8px; background: var(--panel); border: 2px solid var(--panel-rule); font: 400 24px/1 var(--body); display: flex; align-items: center; }
.scene[aria-label="Back to the whole diagram"] .ch12-mini.human { background: var(--tai-red); border-color: var(--tai-red); }
.scene[aria-label="Back to the whole diagram"] .ch12-lit { background: var(--tai-amber); border-color: var(--tai-amber); color: var(--tai-black); font-weight: 600; }

.scene[aria-label="Back to the whole diagram"] .ch12-head { font: 700 40px/1.1 var(--display); color: var(--tai-void); }
.scene[aria-label="Back to the whole diagram"] .ch12-ask { font: 700 76px/1.15 var(--display); letter-spacing: -0.01em; color: var(--tai-void); }
.scene[aria-label="Back to the whole diagram"] .ch12-s1 { font: 700 78px/1.14 var(--display); letter-spacing: -0.015em; white-space: nowrap; }
.scene[aria-label="Back to the whole diagram"] .ch12-exp { font: 700 150px/1.1 var(--display); letter-spacing: -0.02em; white-space: nowrap; }
.scene[aria-label="Back to the whole diagram"] .ch12-s2 { font: 700 50px/1.14 var(--display); letter-spacing: -0.015em; white-space: nowrap; color: var(--tai-void); }
.scene[aria-label="Back to the whole diagram"] .ch12-close { font: 700 48px/1.14 var(--display); letter-spacing: -0.015em; white-space: nowrap; }
.scene[aria-label="Back to the whole diagram"] .ch12-small { font: 400 40px/1.35 var(--body); color: var(--text-soft); }
/* The loops table: 13 rows fit above the prose band at 26px, on tighter padding than a Table's. */
.scene[aria-label="Back to the whole diagram"] .t-row.ch12-trow { padding: 8px 14px; font-size: 26px; line-height: 34px; }
.scene[aria-label="Back to the whole diagram"] .t-head.ch12-trow { padding: 8px 14px; font-size: 26px; }