/* Chapter 05 only: every rule is scoped to its scenes or its panels. Shared rules live in deck.css. */
.scene[aria-label^="ch05-"] .dbox.c5-frame { background: transparent; border-style: dashed; border-color: var(--frame-dash); }
.scene[aria-label^="ch05-"] .dbox.c5-big .b-title { font-size: 36px; }
.scene[aria-label^="ch05-"] .dbox.c5-big .b-detail { font-size: 28px; }
.scene[aria-label^="ch05-"] .dbox .b-detail code { font-family: var(--mono); font-size: 0.95em; white-space: nowrap; }
.scene[aria-label^="ch05-"] .dbox .b-title code { font-family: var(--mono); }
.scene[aria-label^="ch05-"] .dbox.c5-mid { display: flex; flex-direction: column; justify-content: center; }
.scene[aria-label^="ch05-"] .dbox.c5-eks { background: transparent; border-style: dashed; border-color: var(--frame-dash); }
.scene[aria-label^="ch05-"] .dbox.c5-eks .b-title { font-size: 28px; }
.scene[aria-label^="ch05-"] .c5-ns { box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px dashed var(--frame-dash); font: 400 24px/1.2 var(--mono); color: var(--text-soft); }
.scene[aria-label^="ch05-"] .c5-ns.c5-nsBig { display: block; padding: 18px 22px; border-style: solid; border-color: var(--panel-rule); font: 500 28px/1.2 var(--display); }
.scene[aria-label^="ch05-"] .dbox.c5-role { display: flex; align-items: center; }
.scene[aria-label^="ch05-"] .dbox.c5-role .b-title { font: 400 28px/1.25 var(--body); }
.scene[aria-label^="ch05-"] .dbox.c5-role .b-title code { font-weight: 600; font-size: 0.95em; }
.scene[aria-label^="ch05-"] .dbox.off.c5-struck { color: #a9a9ad; }
.scene[aria-label^="ch05-"] .dbox.off.c5-struck .b-title { text-decoration: line-through; text-decoration-thickness: 3px; }
.scene[aria-label^="ch05-"] .dbox.c5-hop .b-title { font-size: 30px; }
.scene[aria-label^="ch05-"] .dbox.c5-hop .b-title code { font-size: 0.9em; white-space: nowrap; }
.scene[aria-label^="ch05-"] .dbox.c5-name .b-title { font-size: 30px; white-space: nowrap; }
.scene[aria-label^="ch05-"] .dbox.c5-status { display: flex; align-items: center; background: #18181a; }
.scene[aria-label^="ch05-"] .dbox.c5-status .b-title { font: 600 28px/1.2 var(--body); color: var(--text-soft); }
.scene[aria-label^="ch05-"] .dbox.c5-status.c5-ok .b-title { color: var(--tai-void); }
.scene[aria-label^="ch05-"] .dbox.c5-list .b-detail { line-height: 1.4; }
.scene[aria-label^="ch05-"] .dbox.c5-row2 { display: grid; grid-template-columns: 250px 1fr; column-gap: 32px; align-items: center; }
.scene[aria-label^="ch05-"] .dbox.c5-row2 .b-title { font-size: 36px; }
.scene[aria-label^="ch05-"] .dbox.c5-row2 .b-detail { margin-top: 0; font-size: 28px; line-height: 1.3; }
.scene[aria-label="ch05-backups"] .dbox.c5-row2.c5-layer { grid-template-columns: 560px 1fr; }
.scene[aria-label^="ch05-"] .dbox.c5-src { display: flex; align-items: center; }
.scene[aria-label^="ch05-"] .dbox.c5-src .b-title { font-size: 28px; }
.scene[aria-label^="ch05-"] .c5-ring { border: 3px solid var(--tai-amber); }
.scene[aria-label^="ch05-"] .dbox.c5-card { background: #18181a; }
.scene[aria-label^="ch05-"] .dbox.c5-card .b-title { font-size: 28px; }
.scene[aria-label^="ch05-"] .dbox.c5-step5 .b-title { font-size: 30px; }
.scene[aria-label^="ch05-"] .body.c5-label { font: 700 36px/1.2 var(--display); color: var(--tai-void); }
.scene[aria-label^="ch05-"] .body.c5-note { font: 400 28px/1.3 var(--body); color: var(--text-body, #e7e7e8); }
.scene[aria-label^="ch05-"] .dbox.c5-step { display: flex; align-items: center; }
.scene[aria-label^="ch05-"] .dbox.c5-step .b-title { font-size: 28px; }
.scene[aria-label^="ch05-"] .dbox.c5-q { display: flex; align-items: center; }
.scene[aria-label^="ch05-"] .dbox.c5-q .b-title { font-size: 60px; }
.scene[aria-label^="ch05-"] .c5-yml { font: 600 30px/1.3 var(--mono); white-space: nowrap; }
.scene[aria-label^="ch05-"] .c5-yml code { font-family: var(--mono); font-weight: 600; }
.scene[aria-label^="ch05-"] .c5-yml.c5-changed { color: var(--tai-amber); }
.scene[aria-label^="ch05-"] .c5-row { display: flex; align-items: center; padding: 0 18px; background: #1a1a1c; }
.scene[aria-label^="ch05-"] .c5-row .b-title { font: 400 28px/1.2 var(--body); color: var(--text-soft); }
.scene[aria-label^="ch05-"] .c5-row-real { background: #2a2a2d; border-color: #7c7c80; }
.scene[aria-label^="ch05-"] .c5-row-real .b-title { color: var(--tai-void); font-weight: 600; }
.scene[aria-label^="ch05-"] .c5-dim { background: rgba(0, 0, 0, 0.62); }
.scene[aria-label^="ch05-"] .dbox.off.c5-off, .scene[aria-label^="ch05-"] .dbox.off.c5-off .b-detail { color: #a9a9ad; }
.scene[aria-label^="ch05-"] .c5-dumplabel { font: 600 26px/1 var(--body); color: #ff7a6e; white-space: nowrap; }

/* The panels behind ch05/request-path, ch05/identity, ch05/image-path and ch05/backups. */
.panel-content:is([aria-label="panel-ch05-request-path"], [aria-label="panel-ch05-identity"], [aria-label="panel-ch05-image-path"], [aria-label="panel-ch05-backups"]) .body.c5-pnote { font: 400 26px/1.3 var(--body); color: #e7e7e8; }
.panel-content:is([aria-label="panel-ch05-request-path"], [aria-label="panel-ch05-image-path"], [aria-label="panel-ch05-backups"]) code { font-family: var(--mono); font-size: 0.95em; }
.panel-content[aria-label="panel-ch05-request-path"] .dbox.c5-hop { display: flex; align-items: center; }
.panel-content[aria-label="panel-ch05-request-path"] .dbox.c5-hop .b-title { font-size: 26px; }
.panel-content[aria-label="panel-ch05-image-path"] .dbox.c5-prow { display: grid; grid-template-columns: 220px 1fr; column-gap: 28px; align-items: center; }
.panel-content[aria-label="panel-ch05-image-path"] .dbox.c5-prow .b-detail { margin-top: 0; font-size: 26px; line-height: 1.3; }
.panel-content[aria-label="panel-ch05-backups"] .dbox.c5-planned { color: #a9a9ad; }
.panel-content[aria-label="panel-ch05-backups"] .dbox.c5-planned .b-detail { color: #a9a9ad; font-size: 28px; }