/* A linear replay of the paper's SearchQA example. */
#searchqa-example{margin:28px 0;padding:26px 0;border-block:1px solid var(--line);scroll-margin-top:100px}
#searchqa-example .case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
#searchqa-example h3{font-size:var(--subsection-title-size);line-height:1.45;margin:0;letter-spacing:-.015em}
#searchqa-example .case-chat-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;padding:8px 12px;border:1px solid #dedede;border-radius:7px;background:white;font-size:14px;line-height:1.5;color:#555;transition:background .2s,border-color .2s}
#searchqa-example .case-chat-control[hidden]{display:none}
#searchqa-example .case-chat-control:hover{background:#f5f5f5;border-color:#aaa}
#searchqa-example .case-chat-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#searchqa-example:not([data-chat-state="complete"]) .case-chat-control svg{display:none}
#searchqa-example .case-chat{display:grid;align-content:start;gap:28px;padding:4px 0 5px}
#searchqa-example .case-message{display:flex;gap:14px;align-items:flex-start;min-width:0;transition:opacity .3s ease,transform .45s cubic-bezier(.18,.8,.3,1)}
#searchqa-example .case-user{width:82%;margin-left:auto;transform-origin:100% 0}
#searchqa-example .case-agent{width:92%;transform-origin:0 0}
#searchqa-example .case-avatar{width:40px;height:44px;flex:0 0 40px;margin-top:9px;overflow:visible}
#searchqa-example .user-avatar{fill:#edf2f5;stroke:#444;stroke-width:1.6;stroke-linejoin:round}
#searchqa-example .agent-avatar{color:#00dada}
#searchqa-example .case-bubble{min-width:0;flex:1;padding:18px 24px 21px;border-radius:18px;line-height:1.8}
#searchqa-example .user-bubble{background:#eaf3fc;border-top-right-radius:5px;color:#172c40}
#searchqa-example .agent-bubble{background:#f5f5f5;border-top-left-radius:5px;color:#222}
#searchqa-example .case-speaker{font-size:13px;font-weight:600;letter-spacing:.025em;line-height:1.5;margin:0 0 6px;color:#555}
#searchqa-example .user-bubble .case-speaker{color:#526b83}
#searchqa-example .case-question-text{font-size:19px;line-height:1.7;margin:0}
#searchqa-example .case-thinking{margin:10px 0 0}
#searchqa-example .case-thinking-line{display:flex;align-items:baseline;gap:10px;min-height:26px;flex-wrap:wrap;list-style:none;cursor:pointer;border-radius:4px}
#searchqa-example .case-thinking-line::-webkit-details-marker{display:none}
#searchqa-example .case-thinking-line::marker{content:''}
#searchqa-example .case-thinking-line:hover .case-thinking-label,#searchqa-example .case-thinking-line:hover .case-thinking-toggle{color:#222}
#searchqa-example .case-thinking-toggle{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:13px;line-height:1.8;color:#666;white-space:nowrap;order:2}
#searchqa-example .case-thinking-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#searchqa-example .case-thinking .thought-open{display:none}
#searchqa-example .case-thinking[open] .thought-closed{display:none}
#searchqa-example .case-thinking[open] .thought-open{display:inline}
#searchqa-example .case-thinking[open] .case-thinking-toggle svg{transform:rotate(180deg)}
#searchqa-example .case-thinking-content{margin:15px 0 4px;padding:0;color:#686868}
#searchqa-example .case-thinking-content p{font-size:16px;line-height:1.8;margin:0}
#searchqa-example .case-thinking-content p+p{margin-top:12px}
#searchqa-example .case-tool-trace{display:grid;gap:10px;list-style:none;padding:0;margin:0}
#searchqa-example .case-tool-call{margin:0;padding:13px 16px;border:1px solid #dedede;border-radius:9px;background:#fcfcfc}
#searchqa-example .case-tool-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:15px;line-height:1.5;font-weight:600;color:#333;flex-wrap:wrap}
#searchqa-example .case-tool-heading svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#searchqa-example .case-tool-step{margin-left:auto;font-size:20px;font-weight:400;color:#888;font-variant-numeric:tabular-nums}
#searchqa-example .case-tool-call dl{display:grid;gap:6px;margin:0}
#searchqa-example .case-tool-call dl>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.65}
#searchqa-example .case-tool-call dt{font-weight:400;color:#888}
#searchqa-example .case-tool-call dd{margin:0;color:#555;overflow-wrap:anywhere}
#searchqa-example .case-tool-return{border-top:1px solid #e9e9e9;padding-top:7px}
#searchqa-example .case-tool-restricted{background:#fff5f4;border-color:#e8b9b3;border-left:3px solid #cb5146;padding-left:14px}
#searchqa-example .case-tool-restricted .case-tool-heading,#searchqa-example .case-tool-restricted dd{color:#a5362d}
#searchqa-example .case-tool-restricted dt,#searchqa-example .case-tool-restricted .case-tool-step{color:#b36962}
#searchqa-example .case-tool-restricted .case-tool-return{border-color:#f0d9d6}
#searchqa-example .case-tool-badge{padding:1px 7px;border:1px solid #edc6c1;border-radius:4px;font-size:11px;font-weight:500;line-height:1.7;background:#fce8e5;color:#a5362d}
#searchqa-example .case-thinking-content .case-trace-conclusion{margin-top:14px}
#searchqa-example [data-trace-at][hidden]{display:none!important}
#searchqa-example.chat-enhanced [data-trace-at]:not([hidden]){animation:searchqa-trace-in .28s ease-out both}
@keyframes searchqa-trace-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#searchqa-example .case-tool-call{padding:11px 12px}#searchqa-example .case-tool-restricted{padding-left:10px}#searchqa-example .case-tool-call dl>div{grid-template-columns:minmax(0,1fr);gap:1px;font-size:14px}#searchqa-example .case-tool-heading{font-size:14px}#searchqa-example .case-tool-call dt{font-size:12px}}
#searchqa-example .case-thinking-source{display:inline-block;font-size:13px;line-height:1.75;margin-top:13px;color:#777;text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:3px}
#searchqa-example .case-thinking-source:hover{color:#333;text-decoration-color:currentColor}
#searchqa-example .case-thinking-mark{display:inline-flex;align-self:center;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:#7a7a7a}
#searchqa-example .case-thinking-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#searchqa-example .case-thinking-label{font-size:15px;font-weight:500;color:#555;line-height:1.7}
#searchqa-example .case-thinking-status{font-size:15px;line-height:1.7;color:#757575;order:1}
#searchqa-example .case-thinking-status[hidden]{display:none}
#searchqa-example .case-answer-citations{font-size:.85em;color:#666;white-space:nowrap}
#searchqa-example .case-reference{color:inherit;white-space:nowrap;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#999;text-underline-offset:3px;cursor:help}
#searchqa-example .case-reference:hover{color:#111;text-decoration-style:solid}
#searchqa-example .case-source-note{margin:20px 0 0;font-size:15px;line-height:1.75;color:#666;scroll-margin-top:100px}
#searchqa-example .case-source-note>summary{display:flex;align-items:baseline;gap:9px;list-style:none;cursor:pointer;border-radius:4px;padding:5px 0}
#searchqa-example .case-source-note>summary::-webkit-details-marker{display:none}
#searchqa-example .case-source-note>summary::marker{content:''}
#searchqa-example .case-source-note>summary:hover{color:#222}
#searchqa-example .case-source-note>summary svg{width:18px;height:18px;flex:none;align-self:flex-start;margin-top:4px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#searchqa-example .case-source-note>summary .source-note-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s}
#searchqa-example .case-source-note[open] .source-note-chevron{transform:rotate(180deg)}
#searchqa-example .case-source-note-body{padding:10px 18px;margin:10px 0 0 27px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px}
#searchqa-example .case-source-note dl{margin:0}
#searchqa-example .case-source-note dl>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;padding:10px 0}
#searchqa-example .case-source-note dl>div+div{border-top:1px solid #e5e5e5}
#searchqa-example .case-source-note dt{color:#333;font-weight:600}
#searchqa-example .case-source-note dd{margin:0;color:#555}
@media(max-width:600px){#searchqa-example .case-source-note{font-size:14px}#searchqa-example .case-source-note-body{margin-left:0;padding:8px 13px}#searchqa-example .case-source-note dl>div{grid-template-columns:50px minmax(0,1fr);gap:10px}}
#searchqa-example .thinking-dots{display:none;gap:3px}
#searchqa-example .thinking-dots i{width:3px;height:3px;background:#888;border-radius:50%;animation:searchqa-think 1.1s ease-in-out infinite}
#searchqa-example .thinking-dots i:nth-child(2){animation-delay:.14s}
#searchqa-example .thinking-dots i:nth-child(3){animation-delay:.28s}
#searchqa-example.is-thinking .thinking-dots{display:flex}
#searchqa-example.is-thinking .case-thinking-mark svg{display:none}

#searchqa-example .case-response{margin-top:18px;padding-top:17px;border-top:1px solid #ddd;transition:opacity .25s,transform .35s}
#searchqa-example .case-response p{font-size:19px;line-height:1.8;margin:0}
#searchqa-example .case-response p+p{margin-top:12px}

#searchqa-example .case-takeaway{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0 0;margin-top:25px;border-top:1px solid #ddd;transition:opacity .4s,transform .4s}
#searchqa-example .case-takeaway>div{min-width:0}
#searchqa-example .case-takeaway strong{display:block;color:#111;font-size:17px;line-height:1.6;font-weight:600}
#searchqa-example .case-takeaway p{font-size:16px;line-height:1.7;color:#666;margin:3px 0 0}
#searchqa-example .case-takeaway>a{flex:none;white-space:nowrap;font-size:14px;line-height:1.6;color:#555;text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:4px}
#searchqa-example .case-takeaway>a span{margin-left:4px}
#searchqa-example .case-takeaway>a:hover{text-decoration-color:currentColor}
#searchqa-example .case-screen-reader{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Preserve the final layout throughout the replay so the page never jumps. */
#searchqa-example.chat-enhanced .chat-part-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px) scale(.985)}
#searchqa-example.chat-enhanced .case-response{max-height:var(--part-height);overflow:hidden;transition:opacity .3s,transform .35s,max-height .45s ease,padding .45s ease,margin .45s ease}
#searchqa-example.chat-enhanced .case-response.chat-part-hidden{max-height:0;padding-block:0;margin-block:0;border-width:0}
#searchqa-example.chat-measuring *{transition:none!important}
#searchqa-example.chat-enhanced .stream-character{opacity:0}
#searchqa-example.chat-enhanced .stream-character.is-typed{opacity:1}
#searchqa-example .stream-character.is-cursor{position:relative}
#searchqa-example .stream-character.is-cursor:after{content:'';position:absolute;width:1.5px;height:1em;right:-2px;top:.1em;background:currentColor;animation:searchqa-caret .7s steps(2,end) infinite}
#searchqa-example.chat-is-held *,#searchqa-example.chat-is-held *:after{animation-play-state:paused!important}
@keyframes searchqa-think{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
@keyframes searchqa-caret{50%{opacity:0}}
@media(max-width:760px){#searchqa-example .case-user{width:92%}#searchqa-example .case-agent{width:100%}#searchqa-example .case-thinking-status{flex-basis:100%;padding-left:30px;order:3}#searchqa-example .case-thinking-content{margin-left:0;padding-left:0}#searchqa-example .case-thinking-content p{font-size:15px}#searchqa-example .case-takeaway{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:600px){#searchqa-example{margin:24px 0;padding:22px 0}#searchqa-example .case-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}#searchqa-example .case-chat-control{align-self:flex-end;font-size:13px;padding:7px 10px}#searchqa-example .case-chat{gap:24px}#searchqa-example .case-message{gap:8px}#searchqa-example .case-user{width:100%}#searchqa-example .case-avatar{width:30px;height:34px;flex-basis:30px;margin-top:10px}#searchqa-example .case-bubble{padding:15px 16px 18px;border-radius:14px}#searchqa-example .user-bubble{border-top-right-radius:4px}#searchqa-example .case-question-text{font-size:17px;line-height:1.75}#searchqa-example .case-thinking-line{gap:7px}#searchqa-example .case-thinking-status{padding-left:0;font-size:14px;min-height:48px}#searchqa-example .case-thinking-label{font-size:14px}#searchqa-example .case-response p{font-size:16px;line-height:1.8}#searchqa-example .case-takeaway strong{font-size:16px}#searchqa-example .case-takeaway p{font-size:15px}}
@media(prefers-reduced-motion:reduce){#searchqa-example *{animation:none!important;transition:none!important}}
@media print{#searchqa-example .case-chat-control{display:none!important}#searchqa-example .chat-part-hidden,#searchqa-example .stream-character{visibility:visible!important;opacity:1!important;transform:none!important}#searchqa-example .stream-character:after{display:none!important}#searchqa-example .case-response{max-height:none!important}}