.judge-speech-controls{padding:16px 20px;background:#112a39;border:1px solid #607d84;border-radius:8px;color:#eee8da;margin:14px 0}.judge-speech-controls>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.judge-speech-controls small{color:#bbced0}.judge-speech-controls button{color:#f4eee3;border-color:#8aa5aa;min-height:44px}.speech-heading{margin-bottom:16px;font-weight:700}.modal-body #judgeSpeech{display:block;width:100%;margin:8px 0 14px}.modal-body #speechTopic{display:block;max-width:100%;margin:8px 0}.speech-exchange article{padding:18px;border-left:3px solid #3c7b80;background:#e7ebe4;color:#233d43;margin-bottom:12px}.speech-exchange p{white-space:pre-wrap;margin:8px 0 0}.epilogue-card blockquote{font:19px/1.9 var(--serif);margin:20px 0;padding:16px;border-left:3px solid #a48c5d}.epilogue-card .epilogue-portrait{float:right;width:85px;height:105px;margin:0 0 14px 18px}.epilogue-card::after{content:'';display:block;clear:both}.chapterbar .chapter-label{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:var(--muted)}.chapterbar .chapter-label.active{color:var(--navy);font-weight:700}.chapterbar .chapter-label b{font-size:10px}#center>[data-trial-reward-slot]{margin-top:18px}.in-court .judge-speech-controls{margin-inline:20px}.is-expanded[data-screen-mode=host]{min-height:100dvh;width:100%;max-width:none}.topbar .row{flex-wrap:wrap}@media(max-width:600px){.judge-speech-controls{padding:14px}.judge-speech-controls .row button{flex:1;white-space:normal}.in-court .judge-speech-controls{margin-inline:12px}.epilogue-card blockquote{font-size:17px}.chapterbar .chapter-label{padding:8px;gap:4px}}

/* QA: optional dialogue portraits and usable header controls on narrow screens. */
.speech-person{display:flex;align-items:center;gap:12px}.speech-portrait{width:72px;border-radius:5px;border:1px solid #82968b}.speech-person small{font-weight:700;font-size:14px}
.topbar{height:auto;min-height:64px;padding-block:10px;gap:8px;flex-wrap:wrap}.topbar>.row{min-width:0;gap:6px}.play-mode #helpBtn{display:inline-block}
@media(max-width:600px){.play-mode .topbar>.row{flex:1 1 100%;justify-content:flex-end}.play-mode .topbar button{min-height:36px}.speech-portrait{width:60px}.play-mode .topbar .brand{font-size:18px}}