/* C02 shares C01's browser frame, colours and replay control. */
.verify-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 12px 0;gap:4px;background:#f6f8f4;border-bottom:1px solid #e0e5dc}
.verify-tabs span{padding:9px 4px;text-align:center;font-size:10px;color:#7b8576;border-bottom:2px solid transparent;transition:color .25s,background .25s}
.verify-body{padding:22px;display:grid;gap:18px}
.verify-claim{padding-left:12px;border-left:2px solid #f78226}
.verify-claim p{font-size:15px;line-height:1.5;margin:7px 0;color:#2a4a38}
.verify-doubt{font-size:12px;color:#a44a05}
.verify-search{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b7c7b5;border-radius:8px;background:#fafcf8;font-size:12px;min-height:48px}
.verify-search [data-verify-query]{flex:1;min-width:0;overflow-wrap:anywhere}.verify-search-icon{font-size:20px}
.verify-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.verify-source{border:1px solid #e0e5dc;border-radius:8px;padding:14px;transition:background .25s,border-color .25s,opacity .3s}
.verify-source-label{font-size:9px;letter-spacing:.04em;color:#778271}
.verify-source p{margin:10px 0;font-size:13px;line-height:1.5;font-weight:700}
.verify-lines{display:grid;gap:6px;margin:12px 0}.verify-lines i{display:block;background:#e8ede4;height:4px;border-radius:2px}.verify-lines i:nth-child(2){width:86%}.verify-lines i:nth-child(3){width:66%}
.verify-note{font-size:10px;color:#7c866f;line-height:1.5}
.verify-compare{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px;background:#fff4e9;border:1px solid #f3d4b5;border-radius:6px;font-size:11px;color:#8f470f}
.verify-compare b{font-size:20px;font-weight:400}
.verify-followup{padding:14px;border-radius:9px;background:#2a4a38;color:white}
.verify-followup .chat-speaker{color:#c5d3c2}
.verify-followup p{font-size:13px;line-height:1.5;margin:8px 0 10px}
.verify-pending{font-size:10px;color:#fbb77f}
.verify-progress{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf0e9;padding:14px 20px;font-size:10px;color:#7a8375}
.verify-progress [data-verify-step]{color:#2a4a38;font-weight:700;white-space:nowrap}
.verification-demo.is-enhanced .chat-caption strong{opacity:1}
.verification-demo.is-enhanced .verify-sources,.verification-demo.is-enhanced .verify-compare,.verification-demo.is-enhanced .verify-followup{opacity:0;transition:opacity .35s}
.verification-demo[data-verify-state="sources"] .verify-sources,.verification-demo[data-verify-state="compare"] .verify-sources,.verification-demo[data-verify-state="followup"] .verify-sources{opacity:1}
.verification-demo[data-verify-state="compare"] .verify-compare,.verification-demo[data-verify-state="followup"] .verify-compare,.verification-demo[data-verify-state="followup"] .verify-followup{opacity:1}
.verify-tabs .is-current{color:#2a4a38;background:white;border-bottom-color:#f78226}
.verify-source.is-current{background:#f3f7ef;border-color:#6c8960}
/* Reuse one stage area inside the window, with the explanation below as in C01. */
.challenge-frame.verification-demo{padding:22px;gap:16px;justify-content:flex-start}
.challenge-frame.verification-demo.is-size-matched{height:var(--verification-height);min-height:0}
.verification-demo .chat-caption{flex-shrink:0;align-items:flex-end}
.verification-demo .chat-caption p{font-size:16px;margin-top:5px}
.verification-demo .chat-window{flex:1;min-height:0;display:flex}
.verification-demo .chat-window>div{display:flex;flex-direction:column;width:100%;min-width:0}
.verification-demo .chat-toolbar{height:36px;flex-shrink:0}
.verification-demo .verify-tabs{padding-top:4px;flex-shrink:0}
.verification-demo .verify-tabs span{padding:7px 4px}
.verification-demo .verify-body{padding:14px 18px;gap:10px;flex:1;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto}
.verification-demo .verify-claim p{margin:4px 0;font-size:13px}
.verification-demo .verify-search{min-height:36px;padding:8px 10px}
.verification-demo .verify-sources{grid-row:3;grid-column:1;min-height:0}
.verification-demo .verify-source{padding:10px;display:flex;flex-direction:column;justify-content:center}
.verification-demo .verify-source p{margin:6px 0}
.verification-demo .verify-lines{gap:4px;margin:7px 0}
.verification-demo .verify-lines i:last-child{display:none}
.verification-demo .verify-compare{grid-row:4;grid-column:1;padding:7px 10px}
.verification-demo .verify-followup{grid-row:3 / 5;grid-column:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;visibility:hidden}
.verification-demo[data-verify-state="followup"] .verify-followup{visibility:visible}
.verification-demo[data-verify-state="followup"] .verify-sources,.verification-demo[data-verify-state="followup"] .verify-compare{opacity:0;visibility:hidden}
.verification-demo:not(.is-enhanced) .verify-followup{visibility:visible}
.verification-demo:not(.is-enhanced) .verify-sources,.verification-demo:not(.is-enhanced) .verify-compare{visibility:hidden}
.verification-demo .verify-progress{padding:10px 16px;flex-shrink:0}
@media(max-width:620px){
  .challenge-frame.verification-demo{padding:16px;gap:14px}
  .verification-demo .chat-caption p{font-size:14px}
  .verification-demo .verify-body{padding:12px;gap:10px}
  .verify-body{padding:16px 12px;gap:14px}.verify-tabs{padding:8px 8px 0}
  .verify-claim p{font-size:13px}.verify-source{padding:10px}.verify-sources{gap:8px}
  .verify-search{font-size:11px}.verify-source p{font-size:12px}
  .verify-compare{font-size:10px;padding:9px}.verify-followup p{font-size:12px}
  .verify-progress{font-size:9px;padding:12px;align-items:center}.verify-progress [data-verify-status]{text-align:right}
}
