#qchat-embed{--navy:#003d82;--blue:#0056b3;--green:#00a651;--bg:#f1f5f9}
#qchat-embed,#qchat-embed #chat,#qchat-embed #chat .m,#qchat-embed #in{overflow-anchor:none}
#qchat-embed{max-width:720px;margin:24px auto;padding:0 12px;box-sizing:border-box;font-family:system-ui,Segoe UI,Arial,sans-serif;color:#1e293b}
#qchat-embed *{box-sizing:border-box}
#qchat-embed .qchat-title{color:var(--navy);font-size:1.4rem;text-align:center;margin:0 0 4px}
#qchat-embed .qchat-sub{text-align:center;color:#475569;font-size:14px}
#qchat-embed .qchat-toggle-wrap{text-align:center;margin:12px 0 0}
#qchat-embed .qchat-toggle{background:white;color:var(--navy);border:1px solid var(--navy);border-radius:4px;padding:10px 18px;font-weight:600;cursor:pointer;text-decoration:none}
#qchat-embed #prog{position:static;margin-bottom:12px;max-width:720px;margin:14px auto 0;background:#fff;border:2px solid var(--navy);border-radius:12px;padding:12px 16px;box-shadow:0 4px 16px #0004}
#qchat-embed #chat{max-width:680px;margin:18px auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0002;padding:16px}
#qchat-embed .m{margin:8px 0;padding:10px 14px;border-radius:12px;max-width:85%;white-space:pre-wrap}
#qchat-embed .b{background:#f8fafd;border:1px solid #dbe4f0}
#qchat-embed .u{background:var(--blue);color:#fff;margin-left:auto}
#qchat-embed .w{background:#fff8e1;border:1px solid #f5c518}
#qchat-embed #in{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#qchat-embed input,#qchat-embed textarea,#qchat-embed select{font-size:16px!important}
#qchat-embed input,#qchat-embed textarea{flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;min-width:200px}
#qchat-embed button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}
#qchat-embed button.alt{background:#fff;color:var(--blue);border:1px solid var(--blue)}
#qchat-embed button.go{background:var(--green)}
#qchat-embed #sum{display:none;max-width:680px;margin:auto;background:#fff;padding:20px;border-radius:12px}
#qchat-embed #sum h2{color:var(--navy)}
#qchat-embed td{padding:4px 8px;border-bottom:1px solid #eee;vertical-align:top}
#qchat-embed .pt{color:var(--navy);font-size:17px;font-weight:600}
#qchat-embed .bar{height:12px;background:#cbd5e1;border-radius:6px;margin:8px 0;overflow:hidden}
#qchat-embed .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--green));transition:width .4s}
#qchat-embed .crumbs{font-size:12px;color:#94a3b8;display:flex;flex-wrap:wrap;gap:4px}
#qchat-embed .crumbs .on{color:var(--navy);font-weight:700}
#qchat-embed .crumbs .done{color:var(--green)}
#qchat-embed .crumbs em{font-style:normal}
#qchat-embed .sec{background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:4px 12px;margin:14px auto;text-align:center;max-width:60%}
#qchat-embed select{flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
#qchat-embed .ck{display:inline-flex;gap:4px;align-items:center;padding:6px 10px;border:1px solid #cbd5e1;border-radius:8px}
#qchat-embed .tiles{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
#qchat-embed .tiles .qhint{grid-column:1/-1;margin:0 0 2px;font-size:13px;color:#64748b;line-height:1.35;text-align:left}
#qchat-embed .tiles .tile-featured,#qchat-embed .tiles .tile-span{grid-column:1/-1}
#qchat-embed .tiles .tile{width:100%;justify-self:stretch}
#qchat-embed .tile{background:#fff;color:var(--navy);border:2px solid #dbe4f0;padding:16px 8px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:6px}
#qchat-embed .tile:hover{border-color:var(--blue);background:#f0f6ff}
#qchat-embed .tile span{font-size:28px}
#qchat-embed #classic{max-width:680px;margin:0 auto 24px;text-align:center;font-size:14px;color:#475569}
#qchat-embed #classic a{color:var(--blue)}
#qchat-embed .qnav{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
#qchat-embed .qnav button{padding:6px 12px;font-size:14px}
#qchat-embed .qnav .qt{flex:1;text-align:center;font-size:13px;color:#475569;font-weight:600}
#qchat-embed .crumbs a.done{color:var(--green);text-decoration:underline;cursor:pointer;font-weight:600}
#qchat-embed .crumbs a.done:hover{color:var(--navy)}
#qchat-embed .tile.sel{border-color:var(--blue);background:#e8f1ff;box-shadow:inset 0 0 0 2px var(--blue)}
#qchat-embed .tile.sel::after{content:'✓ Selected';font-size:12px;color:var(--blue)}
#qchat-embed .tiles{padding-bottom:88px}
#qchat-embed .tbar{display:none;grid-column:1/-1;position:sticky;bottom:0;z-index:5;background:rgba(255,255,255,.96);padding:10px 0 4px;border-top:1px solid #dbe4f0;box-shadow:0 -6px 12px -8px #0003;text-align:center}
#qchat-embed .tbar.show{display:block}
#qchat-embed .tbar .tgo{width:100%;padding:14px;font-size:17px}
#qchat-embed .thint{font-size:13px;color:#475569;margin-bottom:6px}
#qchat-embed .tgo{grid-column:1/-1;padding:14px;font-size:16px}
#qchat-embed .tgo:disabled{opacity:.5;cursor:not-allowed}
#qchat-embed .sub{font-size:13px!important}
html.qchat-on:not(.qchat-show-classic) [data-classic]{display:none!important}
:root,:root body{overflow-x:clip}
@media(max-width:700px){
  #qchat-embed{padding:0 8px}
  #qchat-embed input,#qchat-embed textarea,#qchat-embed select{min-width:0;width:100%}
  #qchat-embed #prog{margin:0;border-radius:0;border-width:0 0 3px;padding:10px 14px;position:static!important}
  #qchat-embed .pt{font-size:16px}
  #qchat-embed .crumbs{font-size:11px}
  #qchat-embed #chat{max-height:none;min-height:0;overflow:visible}
}
@media print{
  #qchat-embed #prog,#qchat-embed #chat,#qchat-embed .np{display:none!important}
  #qchat-embed #sum{display:block!important;box-shadow:none}
}
@media(max-width:700px){[data-classic] input,[data-classic] select,[data-classic] textarea{font-size:16px!important}}
@media(max-width:900px){body nav{position:sticky;top:0;z-index:100}}
:has(> #qchat-embed){overflow:clip}
#qchat-embed #chat .m.qold{display:none}
#qchat-embed #chat{min-height:300px}
@media(max-width:700px){#qchat-embed #chat{min-height:280px}}
#qchat-embed #qhist{max-width:680px;margin:10px auto 0;background:#fff;border:1px solid #dbe4f0;border-radius:10px;padding:8px 14px;font-size:14px}
#qchat-embed #qhist summary{cursor:pointer;color:#003d82;font-weight:600;list-style-position:inside}
#qchat-embed #qhist .qh{padding:6px 0;border-top:1px solid #eef2f7;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
#qchat-embed #qhist .qhq{color:#475569}
#qchat-embed #qhist .qha{font-weight:600;color:#1e293b}
#qchat-embed #qhist .qhe{color:#0056b3;text-decoration:underline;margin-left:auto}
@media(max-width:700px){#qchat-embed .crumbs{display:none}}
#qchat-embed #qhist.hidden:not([style*="none"]){display:block!important}
#qchat-embed .crumbs{flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden}
#qchat-embed #qhist summary{min-height:22px}


/* fixB3: compact mobile load + visible step bar + question priority */
#qchat-embed #prog{
  box-sizing:border-box;height:56px;min-height:56px;max-height:56px;
  padding:6px 12px 4px;display:flex;flex-direction:column;justify-content:center;gap:4px;
}
#qchat-embed #prog .qc-line{
  display:flex;align-items:center;gap:8px;height:32px;min-height:32px;max-height:32px;overflow:hidden;margin:0;
}
#qchat-embed #prog .qc-mid{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
#qchat-embed #prog .pt.qc-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
#qchat-embed #prog .qmini{padding:4px 8px;font-size:12px;line-height:1.2;flex-shrink:0}
#qchat-embed #prog .bar.qc-bar{display:block!important;height:6px;min-height:6px;margin:0;flex-shrink:0}
#qchat-embed #prog .crumbs,#qchat-embed #prog .qt.desk-only,#qchat-embed .desk-only{display:none!important}
#qchat-embed #chat .m.qcur{font-size:17px;font-weight:600;padding:12px 14px;max-width:100%;border-color:#93c5fd;background:#f0f7ff}
#qchat-embed #in{display:flex;flex-direction:column;gap:10px;margin-top:12px}
#qchat-embed #in input,#qchat-embed #in textarea,#qchat-embed #in select{
  width:100%;min-width:0;min-height:48px;font-size:16px!important;padding:12px 14px
}
#qchat-embed #in>button{width:100%;min-height:48px;font-size:16px;font-weight:600;padding:12px 16px}

@media(max-width:700px){
  /* Page chrome above the embed — keep text, shrink spacing */
  html.qchat-on .hero{padding:.45rem .7rem .35rem!important}
  html.qchat-on .hero h1{font-size:1.15rem!important;line-height:1.2!important;margin:0!important}
  html.qchat-on .hero p{font-size:.75rem!important;line-height:1.25!important;margin:.15rem auto 0!important;max-width:100%!important}
  html.qchat-on .hero > div{margin-top:.2rem!important;gap:.25rem .6rem!important;font-size:.65rem!important;opacity:.92}
  html.qchat-on .hero{padding:.35rem .65rem .3rem!important}
  html.qchat-on .hero h1{font-size:1.05rem!important}
  html.qchat-on .hero p{font-size:.7rem!important;margin:.1rem auto 0!important}
  html.qchat-on nav{padding:.5rem .9rem!important}
  html.qchat-on nav img{height:34px!important}
  html.qchat-on [class*="max-w-"][class*="py-"],
  html.qchat-on .max-w-5xl,html.qchat-on .max-w-4xl{padding-top:.45rem!important;padding-bottom:.45rem!important}
  html.qchat-on .mb-10{margin-bottom:.45rem!important}
  html.qchat-on .mb-6{margin-bottom:.35rem!important}
  html.qchat-on .mb-4{margin-bottom:.25rem!important}
  html.qchat-on .mt-3{margin-top:.2rem!important}
  html.qchat-on .mt-1{margin-top:.1rem!important}
  html.qchat-on .text-4xl{font-size:1.25rem!important;line-height:1.2!important}
  html.qchat-on .text-3xl{font-size:1.15rem!important;line-height:1.2!important}
  html.qchat-on .text-2xl{font-size:.95rem!important;line-height:1.25!important}
  html.qchat-on .text-lg{font-size:.78rem!important;line-height:1.3!important}
  html.qchat-on .navy-blue{padding:.4rem .65rem!important}
  html.qchat-on .navy-blue .text-sm{font-size:.65rem!important;margin-top:0!important}
  html.qchat-on .inline-flex.items-center{padding:.15rem .45rem!important;font-size:.65rem!important;margin-bottom:.25rem!important}

  /* Chat intro + prog */
  #qchat-embed{margin:4px auto!important;padding:0 8px!important}
  #qchat-embed .qchat-title{font-size:1rem!important;margin:0!important;line-height:1.15}
  #qchat-embed .qchat-sub{font-size:11px!important;margin:0!important;line-height:1.2}
  #qchat-embed .qchat-head{margin:0 0 2px!important}
  #qchat-embed #prog{height:56px;min-height:56px;max-height:56px;padding:6px 10px 4px!important;margin:0!important;box-shadow:none}
  #qchat-embed #prog .pt,#qchat-embed #prog .qc-mid{font-size:13px!important}
  #qchat-embed #chat{margin:6px auto!important;padding:10px!important;min-height:0!important;box-shadow:none}
  #qchat-embed #chat .m{margin:4px 0!important}
  #qchat-embed #chat .m.qcur{font-size:18px!important;font-weight:700;padding:14px 14px!important;line-height:1.35}
  #qchat-embed #in input,#qchat-embed #in textarea,#qchat-embed #in select{
    min-height:52px!important;font-size:18px!important;padding:14px!important
  }
  #qchat-embed #in>button{min-height:48px!important;font-size:16px!important}
  #qchat-embed .tiles{gap:8px;padding-bottom:72px}
  #qchat-embed .tile{padding:10px 6px!important;font-size:13px}
  #qchat-embed .tile span{font-size:22px}
  #qchat-embed .tbar .tgo,#qchat-embed .tgo{padding:12px!important;font-size:15px!important;min-height:48px}
  #qchat-embed #qhist{margin:8px auto 0;padding:6px 12px;font-size:13px}
  #qchat-embed .qchat-toggle{padding:8px 14px;font-size:14px}
}

/* UX pass: stacked answer UI, choice cards, quiet edit/toggle */
#qchat-embed #in.qin{display:flex;flex-direction:column;gap:10px;margin-top:8px}
#qchat-embed #in .qback{align-self:flex-start;background:none!important;border:0!important;color:#0056b3!important;font-size:14px;font-weight:600;padding:4px 0;min-height:0!important;width:auto!important;cursor:pointer;box-shadow:none}
#qchat-embed #in .qhelp,#qchat-embed #in .qhint{margin:0;font-size:13px;color:#64748b;line-height:1.35}
#qchat-embed #in .qnext{width:100%;min-height:52px;font-size:17px;font-weight:700;border-radius:10px}
#qchat-embed #in .qskip{width:100%;min-height:40px;background:none!important;border:0!important;color:#64748b!important;font-size:14px;font-weight:500;text-decoration:underline;box-shadow:none;padding:8px}
#qchat-embed #in .qchoice{width:100%;min-height:52px;text-align:left;padding:14px 16px;border:2px solid #dbe4f0!important;background:#fff!important;color:var(--navy)!important;border-radius:12px;font-weight:600}
#qchat-embed #in .qchoice:hover,#qchat-embed #in .qchoice:focus{border-color:var(--blue)!important;background:#f0f6ff!important}
#qchat-embed #in .qchoice.go{border-color:var(--green)!important}
#qchat-embed #in.choice-step{gap:8px}
#qchat-embed #in .ck.qchoice-ck{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 14px;border:2px solid #dbe4f0;border-radius:12px;background:#fff;font-weight:600;color:var(--navy)}
@media(min-width:480px){
  #qchat-embed #in.choice-step.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  #qchat-embed #in.choice-step.two-col .qback,
  #qchat-embed #in.choice-step.two-col .qhint,
  #qchat-embed #in.choice-step.two-col .qhelp,
  #qchat-embed #in.choice-step.two-col .qskip,
  #qchat-embed #in.choice-step.two-col .qnext{grid-column:1/-1}
}
#qchat-embed .tiles .tile{min-height:72px}
#qchat-embed #qhist{border:0;background:transparent;padding:4px 0;box-shadow:none;margin:8px auto 0}
#qchat-embed #qhist summary.qhist-sum{color:#0056b3;font-weight:600;font-size:14px;cursor:pointer;list-style:none}
#qchat-embed #qhist summary.qhist-sum::-webkit-details-marker{display:none}
#qchat-embed .qchat-toggle{background:none!important;border:0!important;color:#64748b!important;font-size:13px;font-weight:500;text-decoration:underline;padding:6px 0;box-shadow:none;min-height:0}
#qchat-embed .qchat-toggle-wrap{margin:6px 0 0;text-align:center}
@media(max-width:700px){
  #qchat-embed #in input,#qchat-embed #in textarea,#qchat-embed #in select{min-height:52px!important;font-size:18px!important}
  #qchat-embed #chat .m.qcur{font-size:18px;font-weight:700}
  #qchat-embed #in .qchoice,#qchat-embed #in .ck.qchoice-ck{min-height:52px}
  #qchat-embed .tiles{grid-template-columns:1fr 1fr}
  #qchat-embed .sec{display:none} /* section banners redundant with prog */
}

/* type picker: Bundle full-width on top; no orphan half-rows */
#qchat-embed .tiles{grid-template-columns:1fr 1fr}
#qchat-embed .tiles .qhint,#qchat-embed .tiles .tile-featured,#qchat-embed .tiles .tile-span,#qchat-embed .tiles .tbar{grid-column:1/-1}