/* Chapter 06 only: its scene and its three panels. Shared rules live in deck.css. */
.scene[aria-label="ch06-tools"],
.panel-content:is([aria-label="panel-ch06-why"], [aria-label="panel-ch06-sent-once"], [aria-label="panel-ch06-structured"]) {
  & .c6-panel { background: #0c0c0d; border: 2px solid var(--panel-rule); }
  & .c6-ph { padding: 18px 28px; font: 400 24px/1.2 var(--mono); color: var(--text-soft); border-bottom: 2px solid var(--panel-rule); }
  & .c6-field { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; }
  & .c6-field code { font: 400 27px/1.3 var(--mono); white-space: pre; }
  & .c6-field span { font: 600 26px/1.3 var(--body); color: #ff7a6e; white-space: nowrap; }
  & .m-label code { font-family: var(--mono); font-size: 25px; font-weight: 700; }
}
.scene[aria-label="ch06-tools"] {
  /* What every kit handles: dim until the call inside swkit reaches it. */
  & .c6-does { display: flex; align-items: center; }
  & .c6-does .b-title { font: 600 28px/1.2 var(--body); }
  & .c6-center { text-align: center; }
  & .c6-file pre { white-space: pre; }
  & .c6-fixmark { border: 2px solid var(--tai-amber); }
  & .c6-since .b-detail code { font: 400 26px/1.25 var(--mono); color: var(--tai-void); white-space: nowrap; }
  /* The envelope's three fields, set larger on the stage than in the panel. */
  & .c6-field { justify-content: flex-start; gap: 0; }
  & .c6-field code { flex: 0 0 380px; font-size: 36px; }
  & .c6-field span { font-size: 32px; }
}