.demo-prep{color:var(--ink);font-size:14px;line-height:1.55;max-width:1600px;margin:auto}.demo-prep h2{font-size:19px;margin:0 0 12px;letter-spacing:-.02em}.demo-prep h3{font-size:17px;margin:8px 0}.demo-prep p{margin:8px 0 12px}.demo-toolbar,.demo-section-heading,.demo-check-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-toolbar{margin-bottom:18px;flex-wrap:wrap}.demo-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent-d)}.demo-toolbar p{margin:5px 0 0}.demo-actions,.demo-rehearsal{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.demo-prep .card{padding:22px}.demo-messages{padding:0;margin:18px 0 0;list-style:none;counter-reset:messages}.demo-messages li{counter-increment:messages;display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.demo-messages li:before{content:counter(messages);color:var(--accent-d);font-weight:800}.demo-messages li span{flex:1}.demo-prep .btn{font-size:12px;white-space:nowrap;min-height:38px}.demo-checks{display:grid;gap:8px}.demo-checks label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.demo-checks input{flex:0 0 18px;width:18px;height:18px;margin-top:3px;accent-color:var(--accent-solid)}.demo-checks input:checked+span{text-decoration:line-through;color:var(--mut)}.demo-check-footer{margin-top:18px;font-size:12px}.demo-section-heading{margin-bottom:14px;flex-wrap:wrap}.demo-section-heading h2{margin-bottom:0}.demo-section-heading p{margin:4px 0 0}.demo-section-heading>span{color:var(--accent-d);font-weight:800}.demo-rehearsal output{font-variant-numeric:tabular-nums;font-weight:800;min-width:92px}.demo-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-step{border:1px solid var(--line2);background:var(--card2);border-radius:14px;padding:17px}.demo-time{color:var(--accent-d);font-size:12px;font-weight:800}.demo-step p{font-size:13px}.demo-step p strong{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.demo-step blockquote{margin:12px 0 0;padding-left:12px;border-left:3px solid var(--accent);font-size:14px}.demo-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.demo-bottom ul,.demo-bottom ol{padding-left:20px;margin:12px 0}.demo-bottom li{margin:9px 0}.demo-bottom dt{font-weight:750;margin-top:14px}.demo-bottom dd{margin:4px 0 0}.demo-status{min-height:22px;color:var(--accent-d)}
@media(max-width:1100px){.demo-step-grid,.demo-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-bottom>.card:last-child{grid-column:1/-1}}
@media(max-width:760px){.demo-overview,.demo-step-grid,.demo-bottom{grid-template-columns:1fr}.demo-prep .card{padding:17px}.demo-prep .btn{min-height:44px}.demo-check-footer{align-items:flex-start;flex-wrap:wrap}.demo-bottom>.card:last-child{grid-column:auto}}
@media print{body:has(.demo-prep){background:#fff!important}body:has(.demo-prep)>:not(#app),body:has(.demo-prep) #side,body:has(.demo-prep) .topbar,body:has(.demo-prep) #subs{display:none!important}body:has(.demo-prep) #app,body:has(.demo-prep) #main,body:has(.demo-prep) #view{display:block!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important}.demo-prep{color:#27313a;font-size:11px;--ink:#27313a;--mut:#52616c;--card:#fff;--card2:#f3f6f8;--accent-d:#416b94;--line2:#ccd5db;--line:#ccd5db}.demo-prep button,.demo-prep .btn,.demo-rehearsal,.demo-status,.demo-check-footer{display:none!important}.demo-prep .card{box-shadow:none;padding:12px;border:1px solid #ccd5db;break-inside:avoid}.demo-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-bottom{grid-template-columns:1fr}.demo-step{break-inside:avoid}.demo-prep h2{font-size:16px}.demo-prep h3{font-size:14px}.demo-step p,.demo-step blockquote{font-size:11px}.demo-flow.card{break-inside:auto}}
.demo-lab-host{margin-top:22px;scroll-margin-top:90px}.demo-lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.demo-lab-controls label{display:grid;gap:7px;font-size:12px;font-weight:750}.demo-lab-controls label[hidden]{display:none}.demo-lab-controls select{width:100%;font:inherit;min-height:44px;color:var(--ink);padding:10px}.demo-lab-safe{border:1px solid var(--line2);border-radius:999px;padding:7px 12px;font-size:11px;color:var(--accent-d)}.demo-lab-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.demo-lab-chat{height:380px;overflow-y:auto;background:var(--field);border:1px solid var(--line2);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}.demo-lab-message{max-width:88%;padding:14px 16px;border-radius:16px;background:var(--card2);align-self:flex-start;overflow-wrap:anywhere}.demo-lab-message.bot{background:var(--accent-solid);color:#fff;align-self:flex-end}.demo-lab-message strong{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.demo-lab-message p{margin:6px 0 0;white-space:pre-wrap;font-size:15px;line-height:1.6}.demo-lab-conversation form{margin-top:16px}.demo-lab-conversation form>label{font-size:12px;font-weight:750}.demo-lab-conversation textarea{display:block;width:100%;box-sizing:border-box;font:inherit;color:var(--ink);padding:12px;margin:8px 0 12px;resize:vertical}.demo-lab-context{border-left:1px solid var(--line2);padding-left:20px}.demo-lab-context h3{font-size:16px}.demo-lab-context ul{padding-left:20px}.demo-lab-context li{margin:7px 0}.demo-lab-context .muted{font-size:12px}.demo-lab-evidence{font-size:12px;color:var(--accent-d);overflow-wrap:anywhere}.demo-lab [hidden]{display:none!important}
@media(max-width:1000px){.demo-lab-layout{grid-template-columns:1fr}.demo-lab-context{border-left:0;border-top:1px solid var(--line2);padding:16px 0 0}}
@media(max-width:760px){.demo-lab-controls{grid-template-columns:1fr}.demo-lab-chat{height:340px;padding:12px}.demo-lab-message{max-width:92%}}
@media print{.demo-lab-controls,.demo-lab-conversation form,.demo-lab-conversation .demo-status{display:none!important}.demo-lab-layout{grid-template-columns:1fr}.demo-lab-chat{height:auto;overflow:visible;border:none}.demo-lab-message{break-inside:avoid}.demo-lab-message.bot{background:#e4ecf3;color:#27313a}.demo-lab.card{break-inside:auto}.demo-lab-context{border:0;padding:0}}
@media screen{.demo-prep .demo-lab-chat{height:clamp(210px,32vh,340px)}}