/* Chapter 09 only. Shared rules live in deck.css. */
.scene:is([aria-label="talk-laptop"], [aria-label="talk-machine"], [aria-label="talk-cluster"], [aria-label="ch09-repo"]) {
  & .ch09-frame { border: 2px dashed #6d6d70; }
  & .ch09-frame span { position: absolute; left: 22px; top: 16px; font: 500 28px/1.2 var(--display); color: var(--text-soft); }
  & code { font-family: var(--mono); }
  & .ch09-amber { color: var(--tai-amber); font-weight: 600; }
}

/* Scene 26: you and the room agent in one repo. */
.scene[aria-label="ch09-repo"] {
  & .ch09-lane { border-top: 1px solid #3a3a3d; padding-top: 14px; }
  & .ch09-lane-last { border-bottom: 1px solid #3a3a3d; }
  & .ch09-lane span { display: block; width: 230px; font: 700 30px/1.15 var(--display); }
  & .ch09-lane small { display: block; width: 230px; margin-top: 8px; font: 400 24px/1.2 var(--body); color: var(--text-soft); }
  & .b-detail code { font-size: 26px; font-weight: 400; }
  & .b-title code { font-size: 28px; }
  & .ch09-tracked { border-color: var(--tai-amber); }
  & .ch09-quiet { font-size: 28px; color: var(--text-soft); }
  & .ch09-say { font-size: 32px; color: #e7e7e8; }
  & .ch09-say code { font-size: 30px; }
  & .ch09-rule { font: 500 36px/1.2 var(--display); color: var(--tai-void); }
  & .ch09-example { font-size: 26px; color: var(--text-soft); }
  & .ch09-own { color: var(--text-soft); }
  & .ch09-mention { font-weight: 600; }
  & .ch09-need { font: 500 40px/1.25 var(--display); color: var(--tai-void); }
  & .ch09-need code { font-size: 36px; font-weight: 400; }
  & .dbox:has(> .b-title:only-child) { display: flex; align-items: center; }
}
.scene[aria-label="ch09-repo"] .m-label { font-size: 26px; }

/* The panel behind ch09/both-ways. */
.panel-content[aria-label="panel-ch09-both-ways"] {
  & .ch09-pnote { font-size: 26px; line-height: 1.3; color: #e7e7e8; }
}

/* Scene 29: the ListAgents block, set as the hook's own output. */
.scene[aria-label="ch09-repo"] {
  & .ch09-out { box-sizing: border-box; padding: 12px 26px; background: var(--panel); border: 2px solid var(--panel-rule); font: 400 24px/1.42 var(--mono); color: #e7e7e8; }
  & .ch09-row { box-sizing: border-box; padding: 0 26px; font: 400 24px/1.42 var(--mono); color: #e7e7e8; white-space: pre; }
  & .ch09-row-wrap { white-space: normal; color: var(--text-soft); }
  & .ch09-row-tracked { border: 2px solid var(--tai-amber); padding-left: 12px; line-height: 30px; }
  & .m-head code { font-family: var(--mono); font-weight: 600; }
}