/* Chapter 11 only. Every rule is scoped to this chapter's scene. Shared rules live in deck.css. */
.scene[aria-label="What is left for you"] .ch11-group { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; transform-origin: 960px 400px; }
.scene[aria-label="What is left for you"] .ch11-option.dbox { padding: 36px 40px; }
.scene[aria-label="What is left for you"] .ch11-option .b-title { font-size: 56px; }
.scene[aria-label="What is left for you"] .ch11-option .b-detail { margin-top: 22px; font-size: 44px; line-height: 1.25; }
.scene[aria-label="What is left for you"] .ch11-big.body.line { font: 500 50px/1.2 var(--display); color: var(--tai-void); }

.scene[aria-label="What is left for you"] .ch11-conv { display: flex; align-items: center; padding: 30px 34px; }
.scene[aria-label="What is left for you"] .ch11-conv .b-title { font-size: 42px; }
.scene[aria-label="What is left for you"] .ch11-list { margin: 16px 0 0; padding: 0 0 0 30px; list-style: "- "; font: 400 36px/1.3 var(--body); }
.scene[aria-label="What is left for you"] .ch11-list li { margin-top: 12px; }
.scene[aria-label="What is left for you"] .ch11-refused { font-weight: 600; color: var(--tai-amber); }
.scene[aria-label="What is left for you"] .ch11-panel { background: var(--panel); border: 2px solid var(--panel-rule); }
.scene[aria-label="What is left for you"] .ch11-check-head, .scene[aria-label="What is left for you"] .ch11-check { display: grid; grid-template-columns: 760px 1fr; gap: 40px; align-items: center; padding: 0 40px; box-sizing: border-box; }
.scene[aria-label="What is left for you"] .ch11-check-head { height: 80px; border-bottom: 2px solid #6d6d70; font: 700 28px/1.2 var(--display); color: var(--text-soft); }
.scene[aria-label="What is left for you"] .ch11-check { border-top: 1px solid var(--panel-rule); }
.scene[aria-label="What is left for you"] .ch11-check span:first-child { font: 700 40px/1.2 var(--display); color: var(--tai-void); }
.scene[aria-label="What is left for you"] .ch11-check span:last-child { font: 400 32px/1.3 var(--body); color: #e7e7e8; }
.scene[aria-label="What is left for you"] .dbox.ch11-step { display: flex; align-items: center; padding: 24px 30px; }
.scene[aria-label="What is left for you"] .dbox.ch11-step .b-title { font-size: 40px; line-height: 1.15; }
.scene[aria-label="What is left for you"] .dbox.ch11-step2 .b-title { font-size: 36px; }
.scene[aria-label="What is left for you"] .dbox.ch11-step2 .b-detail { font-size: 28px; }
.scene[aria-label="What is left for you"] .dbox.ch11-step2 .b-detail code { font-family: var(--mono); }
.scene[aria-label="What is left for you"] .ch11-tag { padding: 8px 14px; background: var(--tai-amber); color: var(--tai-black); font: 600 24px/1.1 var(--body); white-space: nowrap; }