.transcript-panel{background:#fffef9;border:1px solid #dce2d7;border-radius:20px;padding:22px;min-width:0;display:flex;flex-direction:column}.transcript-panel h2{font-size:22px;margin:10px 0}.transcript-label{font-size:11px;letter-spacing:1.5px;color:#60745c;font-weight:700}.transcript-feed{overflow:auto;max-height:510px;min-height:180px;scrollbar-width:thin;padding-right:5px}.transcript-feed[hidden]{display:none}.transcript-turn{padding:20px 0;border-bottom:1px solid #e7e9e0}.transcript-turn h3{font-size:14px;line-height:1.6;color:#62705e;font-weight:500;margin:10px 0}.transcript-answer{font-size:18px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#26372b;margin:0}.transcript-turn.current{border-left:3px solid #5b7550;padding-left:16px}.transcript-empty{color:#788171;line-height:1.8;padding:28px 0}.recording-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:24px;align-items:start}.transcript-panel button{margin-top:18px}.transcript-window{margin:0;background:#f6f7f1;color:#27372c;font-family:system-ui,sans-serif}.transcript-window header{padding:28px 28px 18px;border-bottom:1px solid #dde3d6}.transcript-window h1{font-size:27px;margin:10px 0}.transcript-window header p,.transcript-window label,.transcript-window footer{font-size:13px;color:#6b7867}.transcript-window .transcript-feed{padding:0 28px;max-height:calc(100vh - 240px);height:calc(100vh - 240px)}.transcript-window footer{padding:18px 28px}.large-text .transcript-answer{font-size:25px}.caption{display:none!important}@media(max-width:850px){.recording-layout{grid-template-columns:1fr}.transcript-feed{max-height:330px}}
/* Keep the camera and transcript in one bounded recording workspace. */
body.recording-screen>header{height:54px;min-height:54px;padding-top:0;padding-bottom:0}body.recording-screen main{padding:12px 3%}body.recording-screen .intro,body.recording-screen #flowSteps,body.recording-screen main>footer{display:none}body.recording-screen #notice{margin:0 0 10px;padding:8px 12px;font-size:12px;max-height:46px;overflow:auto}#interview .recording-layout{height:clamp(180px,calc(100dvh - 320px),560px);grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px;align-items:stretch}#interviewStage,#interviewStage .studio,#interviewStage .viewfinder{height:100%;min-height:0}#interviewStage .viewfinder{aspect-ratio:auto}#interviewStage video#preview{object-fit:contain}#interview .transcript-panel{height:100%;min-height:0;padding:14px;overflow:hidden}#interview .transcript-panel h2{font-size:17px;margin:5px 0 8px}#interview .transcript-feed{flex:1;min-height:0;max-height:none}#interview .transcript-panel button{margin-top:8px;padding:8px}#interview .transcript-panel .fine{margin:6px 0 0}#interview .host-row{margin:8px 0;gap:10px}#interview .host{width:38px;height:38px}#interview .host-row p{margin:2px 0;font-size:11px}#interview .host-label{display:none}#interview .question-card{margin:8px 0;padding:12px 16px}#interview .question-card h2{font-size:18px;line-height:1.4;margin:5px 0;max-height:52px;overflow:auto}#interview #voiceStatus{margin:4px 0;font-size:10px}#interview .controls{margin:8px 0;gap:8px}#interview .navigation{margin:4px 0;gap:10px}#interview #backup{margin:3px 0}#interview details{font-size:11px}#interview details[open]{max-height:120px;overflow:auto}.edit-panel{margin-bottom:22px}.edit-panel button{margin-top:12px}.edit-panel video{width:100%;max-height:450px;margin-top:16px}.edit-panel [hidden]{display:none}@media(max-width:650px){#interview .recording-layout{grid-template-columns:minmax(0,1.2fr) minmax(130px,1fr);gap:8px;height:calc(100dvh - 340px)}#interview .transcript-panel{padding:9px}#interview .transcript-answer{font-size:13px;line-height:1.55}#interview .transcript-turn h3{font-size:11px}#interview .transcript-panel h2{font-size:14px}#interview .transcript-label{font-size:9px}#interview .controls button{font-size:11px;padding:9px}#interview .question-card h2{font-size:16px}}
body.recording-screen .brand{font-size:23px;white-space:nowrap}body.recording-screen header .tag{display:none}#interview .recording-layout{height:clamp(140px,calc(100dvh - 470px),480px)}#interview .navigation .text-button{padding:6px 10px}#interview .host-row{min-height:38px}#interview .transcript-turn{padding:10px 0}#interview .transcript-turn.current{padding-left:12px}