body{background:#F3F8FA}.arkoz-demo .message,.arkoz-demo .message.caller{font-size:18px;line-height:1.7}.arkoz-demo .message-meta,.arkoz-demo .message time{font-size:14px}.arkoz-demo .legend{font-size:15px}.arkoz-demo .speaker-role,.arkoz-demo .status{font-size:16px;color:#C5DBE3}.arkoz-demo .time{font-size:14px;color:#C5DBE3}.arkoz-demo .eyebrow,.arkoz-demo .pill{font-size:14px}.arkoz-demo .panel-top .eyebrow{color:#C5DBE3}.arkoz-demo .primary,.arkoz-demo .secondary,.arkoz-demo .cta{font-size:16px}.arkoz-demo .transport{flex-wrap:wrap}.arkoz-demo .time{margin-left:0}.arkoz-demo .next-step p{font-size:18px;line-height:1.7}.arkoz-demo .next-step .eyebrow{color:#C5DBE3}.arkoz-demo .conversation-head{align-items:start;flex-wrap:wrap}.arkoz-demo .conversation-head button{font-size:15px}.arkoz-demo .transcript-footer{font-size:15px;line-height:1.6}.arkoz-demo .handover p:not(.eyebrow){font-size:18px;line-height:1.7;color:#40565F}.arkoz-demo .handover dt{font-size:16px;color:#40565F}.arkoz-demo .handover dd{font-size:18px;line-height:1.6}.arkoz-demo .handover dl{gap:24px}.arkoz-demo .handover h2{font-size:29px;line-height:1.3}.arkoz-demo .handover{background:#F3F8FA}.player-panel :focus-visible{outline-color:#71DAD3}.arkoz-demo .message.active,.arkoz-demo .message.caller.active{background:#D9ECEF}.arkoz-demo .word.current,.arkoz-demo .caller .word.current{background:#A6DBD6;color:#072535;box-shadow:none}.arkoz-demo .message-meta,.arkoz-demo .caller .message-meta{color:#006F70}
@media(max-width:760px){.arkoz-demo .message,.arkoz-demo .message.caller{font-size:17px}.arkoz-demo .next-step p,.arkoz-demo .handover p:not(.eyebrow),.arkoz-demo .handover dd{font-size:17px}.arkoz-demo .legend{flex-wrap:wrap;gap:12px}.arkoz-demo .handover dl{grid-template-columns:1fr}.arkoz-demo .handover h2{font-size:28px}.arkoz-demo .transport{gap:12px}.arkoz-demo .transcript{height:340px;max-height:340px}.arkoz-demo .speaker-role,.arkoz-demo .status{font-size:16px}}
/* Equal columns and matched reading surfaces, original recording and controls intact */
.arkoz-demo .demo-grid{grid-template-columns:1fr 1fr;align-items:stretch}.arkoz-demo .player-panel{display:flex;flex-direction:column;min-height:650px}.arkoz-demo .next-step{margin-top:auto;padding-top:24px}.arkoz-demo .conversation{min-height:0}.arkoz-demo .transcript{height:0;min-height:420px;max-height:none;flex:1}.arkoz-demo .handover{grid-template-columns:1fr 1fr;background:#fff}.arkoz-demo .disclosure{font-size:15px;line-height:1.6;color:#C5DBE3}.arkoz-demo>.disclosure{color:#536871}.arkoz-demo .player-bottom{font-size:15px}.arkoz-demo .player-bottom select{font-size:15px}.arkoz-demo .next-step .cta{font-size:16px}.arkoz-demo .message{width:95%}.arkoz-demo .speaker-role{font-size:16px}
@media(max-width:760px){.arkoz-demo .demo-grid{display:block}.arkoz-demo .player-panel{min-height:0}.arkoz-demo .next-step{margin-top:22px}.arkoz-demo .transcript{height:360px;max-height:360px;min-height:0;flex:auto}.arkoz-demo .handover{display:block}.arkoz-demo .disclosure{font-size:15px}.arkoz-demo .player-panel{padding:25px 22px}}
@media(min-width:761px){.arkoz-demo .demo-grid{height:680px;min-height:0}.arkoz-demo .player-panel{height:680px;min-height:0}.arkoz-demo .conversation{height:680px;min-height:0}.arkoz-demo .transcript{height:auto;min-height:0;max-height:none;flex:1}.arkoz-demo .visual{padding-top:24px}.arkoz-demo #wave{height:80px;margin-block:8px 12px}.arkoz-demo .next-step{padding-top:20px}.arkoz-demo .next-step p{margin:10px 0 16px}}
/* Let the content determine the height, preserving real space below its CTA. */
@media(min-width:761px){.arkoz-demo .demo-grid{height:auto;min-height:720px}.arkoz-demo .player-panel,.arkoz-demo .conversation{height:auto;min-height:720px}.arkoz-demo .transcript{height:420px;flex:1 1 420px;min-height:0}.arkoz-demo .player-panel>.next-step{flex-shrink:0}}