/* Compact fictional demonstrations. Details expand in normal document flow. */
.tx-demo{--tx-bg:#111113;--tx-panel:#19191c;--tx-line:#ffffff21;--tx-muted:#a6a6ad;--tx-amber:#ffc400;color:#f1f1ed;background:var(--tx-bg);border:1px solid var(--tx-line);padding:18px;min-width:0;container:tx-demo/inline-size;isolation:isolate}
.tx-demo *,.tx-demo *:before,.tx-demo *:after{box-sizing:border-box}.tx-demo [hidden]{display:none!important}
.tx-demo button{font-family:var(--body,Inter,sans-serif);cursor:pointer}.tx-demo button:disabled{opacity:.35;cursor:default}
.tx-demo button:focus-visible,.tx-demo summary:focus-visible,.tx-demo [tabindex]:focus-visible{outline:2px solid var(--tx-amber);outline-offset:3px}
.tx-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tx-demo-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.tx-demo-heading>div{min-width:0}
.tx-demo-heading h2{font:500 1rem/1.4 var(--display,'Space Grotesk',sans-serif);color:var(--tx-amber);margin:0;letter-spacing:-.025em}
.tx-demo-context{font:400 .875rem/1.5 var(--body,Inter,sans-serif);color:#b8b8bf;margin:2px 0 0}
.tx-demo-disclaimer{display:flex;gap:7px;align-items:baseline;font:400 .75rem/1.45 var(--body,Inter,sans-serif);color:#b7af91;margin:0;padding-top:3px;flex-shrink:0}.tx-demo-disclaimer>span{color:var(--tx-amber)}
.tx-demo-scenarios{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.tx-demo-scenarios button{min-height:44px;padding:8px 13px;font-size:.875rem;line-height:1.4;color:#b6b6be;background:transparent;border:1px solid #ffffff24;border-radius:3px;text-align:left}
.tx-demo-scenarios button[aria-pressed=true]{color:#f5e5a1;background:#ffc4000b;border-color:#d6b7467a}.tx-demo-scenarios button:hover{border-color:var(--tx-amber);color:#fff}
.tx-demo-navigation{position:relative;z-index:3;background:var(--tx-bg);border-top:1px solid var(--tx-line);border-bottom:1px solid var(--tx-line);padding:8px 0 6px}
.tx-demo-navigation-row{display:flex;align-items:center;gap:16px}.tx-demo-step-groups{flex:1;min-width:0}
.tx-demo-step-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.tx-demo-step-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;min-width:0;padding:8px 10px;font-size:.875rem;line-height:1.35;color:#a7a7af;border:1px solid transparent;background:transparent;border-radius:3px;text-align:left}
.tx-demo-step-tabs button[aria-selected=true]{color:#f5e8b5;background:#ffc4000c;border-color:#ffc40045}.tx-demo-step-tabs button:hover{color:#fff;background:#ffffff06}
.tx-step-number{font:400 .75rem/1.4 var(--mono,'IBM Plex Mono',monospace);color:#85858f}.tx-demo-step-tabs [aria-selected=true] .tx-step-number{color:var(--tx-amber)}
.tx-demo-controls{display:flex;gap:5px;align-items:center;flex-shrink:0}.tx-demo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px;font-size:1rem;line-height:1.35;color:#cacad2;background:transparent;border:1px solid #ffffff24;border-radius:3px}
.tx-demo-controls [data-tx-play]{min-width:114px;font-size:.875rem;color:#f5e5a1;border-color:#a8944c79}.tx-demo-controls [data-tx-play-icon]{color:var(--tx-amber);font-size:1rem}.tx-demo-controls [data-tx-restart]{font-size:1.15rem}.tx-demo-controls button:hover:not(:disabled){border-color:var(--tx-amber);color:#fff}
.tx-demo-progress-row{display:flex;gap:14px;align-items:center;margin-top:7px}.tx-demo-progress{display:flex;flex:1;gap:5px;min-width:0}.tx-demo-progress>span{display:block;flex:1;height:3px;background:#ffffff15;border-radius:2px}
.tx-demo-progress i{display:block;height:100%;background:var(--tx-amber);border-radius:2px;transform:scaleX(var(--tx-progress,0));transform-origin:left;will-change:transform}.tx-demo-counter{font:400 .75rem/1.4 var(--mono,'IBM Plex Mono',monospace);color:#b0b0b8;white-space:nowrap}
.tx-demo-scenes{margin-top:10px}.tx-demo-stage-stack{position:relative}.tx-demo-stage{outline-offset:6px}
.tx-demo-stage.tx-measuring{display:block!important;position:absolute!important;inset:0 auto auto 0;width:100%;visibility:hidden!important;pointer-events:none!important}
.tx-stage-core{min-height:var(--tx-stage-height,0);display:flex;flex-direction:column}
.tx-demo-stage-title{font:400 1.25rem/1.25 var(--display,'Space Grotesk',sans-serif);color:#f1f1ed;letter-spacing:-.025em;margin:0 0 13px;text-wrap:balance;max-width:none}
.tx-demo-workspace{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);gap:20px;align-items:start}
.tx-demo-source{min-width:0;padding:15px 16px;background:#ffffff04;border:1px solid #ffffff1c;border-radius:3px}.tx-origin-voice,.tx-origin-message{border-radius:9px 9px 3px 9px}.tx-origin-signal,.tx-origin-recommendation{border-left:2px solid #e3c256;background:#ffc40005}.tx-origin-hypothesis{border-color:#9f936854}
.tx-origin-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tx-origin-heading>span{color:#ccbd87;font-size:1.05rem;line-height:1}.tx-origin-heading h4{font:500 .8125rem/1.4 var(--body,Inter,sans-serif);color:#aeb0b8;margin:0}
.tx-origin-body{font:400 .9375rem/1.5 var(--body,Inter,sans-serif);color:#eeeeeb}.tx-origin-body p{margin:0}.tx-origin-body p+p{margin-top:5px}.tx-origin-meta{margin:12px 0 0;padding-top:10px;border-top:1px solid #ffffff12;font:400 .75rem/1.5 var(--body,Inter,sans-serif);color:#a2a2ac}
.tx-demo-admin{min-width:0;border:1px solid #ffffff29;border-radius:3px;background:var(--tx-panel)}
.tx-admin-bar{display:flex;align-items:center;gap:8px;min-height:30px;padding:7px 14px;border-bottom:1px solid #ffffff16;font:400 .6875rem/1.4 var(--mono,'IBM Plex Mono',monospace);color:#9697a2;letter-spacing:.045em}.tx-admin-bar>span{font-size:.875rem;line-height:1;color:var(--tx-amber);letter-spacing:-.15em}
.tx-admin-content{padding:12px 15px 6px}.tx-admin-state{margin:0 0 6px;font:400 .75rem/1.45 var(--body,Inter,sans-serif);color:#d2c69c}.tx-admin-content>h4{font:500 1rem/1.3 var(--display,'Space Grotesk',sans-serif);color:#f3f3ec;letter-spacing:-.015em;margin:0 0 10px}
.tx-demo-fields{margin:0}.tx-demo-fields>div{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.4fr);gap:13px;padding:9px 0;border-top:1px solid #ffffff14;font:400 .875rem/1.45 var(--body,Inter,sans-serif)}.tx-demo-fields dt{font-weight:400;color:#a2a3ad;overflow-wrap:anywhere}.tx-demo-fields dd{margin:0;color:#e6e6e2;overflow-wrap:anywhere}
.tx-demo-takeaway{margin-top:auto;padding-top:15px}.tx-demo-takeaway h4{font:500 .9375rem/1.4 var(--display,'Space Grotesk',sans-serif);color:#e9daa0;margin:0 0 5px;letter-spacing:-.015em}.tx-demo-takeaway p{font:400 .875rem/1.5 var(--body,Inter,sans-serif);color:#b7b7bf;margin:0;max-width:1040px}
.tx-demo-evidence{margin-top:9px;border-top:1px solid var(--tx-line)}.tx-demo-evidence>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0 0;font:400 .8125rem/1.4 var(--body,Inter,sans-serif);color:#c6c6cd}.tx-demo-evidence>summary::-webkit-details-marker{display:none}
.tx-demo-evidence>summary>span:last-child{color:var(--tx-amber);font-size:1.2rem;width:24px;text-align:center;line-height:1}.tx-demo-evidence[open]>summary>span:last-child{transform:rotate(45deg)}.tx-evidence-count{margin-left:auto;min-width:23px;text-align:center;color:#b5ab84;font:400 .75rem/1.4 var(--mono,monospace)}
.tx-demo-inspector{padding:20px 0 5px}.tx-demo-explanation>h4{font:500 .9375rem/1.45 var(--display,'Space Grotesk',sans-serif);color:#d2d2d4;margin:0 0 8px}.tx-demo-explanation>p{font:400 .9375rem/1.65 var(--body,Inter,sans-serif);color:#b6b6c0;margin:0 0 12px;max-width:950px}
.tx-extra-fields{display:grid;gap:8px;margin:12px 0 20px}.tx-extra-fields>div{display:grid;grid-template-columns:200px 1fr;gap:15px;font:.875rem/1.6 var(--body,Inter,sans-serif)}.tx-extra-fields dt{color:#a6a6b0}.tx-extra-fields dd{margin:0;color:#e0e0e0}
.tx-evidence-note{font:400 .8125rem/1.5 var(--body,Inter,sans-serif);color:#baab77;margin:20px 0 8px}.tx-demo-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 25px;list-style:none;padding:0;margin:0}
.tx-demo-source-list>li{display:flex;gap:11px;border-top:1px solid #ffffff14;padding-top:12px;min-width:0}.tx-demo-source-list>li>span{font:.75rem/1.6 var(--mono,monospace);color:#d7c780}.tx-demo-source-list strong{font:500 .875rem/1.5 var(--body,Inter,sans-serif);color:#d8d8dd}.tx-demo-source-list p{font:400 .875rem/1.65 var(--body,Inter,sans-serif);color:#adaeb8;margin:5px 0 0;overflow-wrap:anywhere}
.tx-demo-choice{margin:10px 0 5px;padding-top:9px;border-top:1px solid #ffffff20}.tx-demo-choice>p:first-child{font:400 .8125rem/1.5 var(--body,Inter,sans-serif);margin:0 0 7px;color:#ceced5}.tx-order-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tx-order-options button{min-height:44px;padding:8px 10px;background:#ffffff03;border:1px solid #ffffff30;border-radius:3px;color:#d6d6dd;font:.8125rem/1.4 var(--body,Inter,sans-serif);text-align:left}.tx-order-options button[aria-pressed=true]{background:#ffc4000d;border-color:var(--tx-amber);color:#f2e2a4}.tx-review-status{font:.75rem/1.5 var(--body,Inter,sans-serif);color:#b9b39d;margin:7px 0 0}
.tx-order-result{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #ffffff20;font:.8125rem/1.4 var(--body,Inter,sans-serif)}.tx-order-result>span{color:#aaaab2}.tx-order-result>strong{font-weight:500;color:#e4d6a1;text-align:right}
.tx-brain-revision{display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none;padding:0;margin:0 0 24px;gap:20px}.tx-brain-revision>li{border-top:1px solid #dbc4695a;padding-top:12px;display:flex;gap:10px;min-width:0}.tx-brain-revision>li>span{color:#dfc975;font:.75rem/1.7 var(--mono,monospace)}.tx-brain-revision h4{font:500 1rem/1.4 var(--display,'Space Grotesk',sans-serif);margin:0 0 8px;color:#e7e5db}.tx-brain-revision p{font:.9375rem/1.6 var(--body,Inter,sans-serif);margin:0;color:#bbbcc4}
@container tx-demo (max-width:950px){.tx-demo-navigation-row{flex-wrap:wrap;gap:8px}.tx-demo-step-groups{flex-basis:100%}.tx-demo-controls{margin-left:auto}.tx-demo-workspace{gap:14px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@container tx-demo (max-width:650px){
 .tx-demo-heading{display:block}.tx-demo-disclaimer{margin-top:8px;font-size:.75rem}.tx-demo-context{font-size:.875rem}.tx-demo-scenarios{gap:6px;margin:12px 0}.tx-demo-scenarios button{font-size:.8125rem;flex:1 1 auto;padding:8px 10px;min-height:44px}
 .tx-demo-navigation{position:sticky;top:76px;padding-top:8px;box-shadow:0 6px 10px #11111377}.tx-demo-navigation-row{gap:7px}.tx-demo-step-tabs{gap:2px}.tx-demo-step-tabs button{justify-content:center;padding:7px 3px;font-size:.875rem;gap:3px;flex-direction:column;text-align:center;min-height:57px}.tx-step-number{font-size:.6875rem}
 .tx-demo-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 44px;width:100%;margin:0;gap:6px}.tx-demo-controls [data-tx-play]{min-width:0}.tx-demo-controls button{min-width:44px;padding:8px}.tx-demo-progress-row{gap:8px}.tx-demo-counter{font-size:.6875rem}
 .tx-demo-scenes{margin-top:15px}.tx-demo-stage-title{font-size:1.125rem;line-height:1.3;margin-bottom:12px}.tx-demo-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.tx-demo-source{padding:12px 13px}.tx-origin-heading{margin-bottom:7px}.tx-origin-heading h4{font-size:.8125rem}.tx-origin-body{font-size:.9375rem;line-height:1.5}.tx-origin-meta{font-size:.75rem;margin-top:9px;padding-top:8px}
 .tx-admin-content{padding:11px 13px 4px}.tx-admin-content>h4{font-size:1rem}.tx-admin-state{font-size:.75rem}.tx-demo-fields>div{font-size:.875rem;gap:12px;padding:9px 0;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr)}.tx-demo-takeaway{padding-top:15px}.tx-demo-takeaway h4{font-size:.9375rem}.tx-demo-takeaway p{font-size:.9375rem;line-height:1.55}
 .tx-demo-source-list,.tx-brain-revision{grid-template-columns:1fr}.tx-brain-revision{gap:16px}.tx-extra-fields>div{grid-template-columns:1fr;gap:4px}.tx-demo-evidence>summary{font-size:.8125rem}
}
@media(max-width:760px){.tx-demo{padding:16px}.tx-demo-navigation{scroll-margin-top:76px}}
@media(prefers-reduced-motion:no-preference){.tx-demo-stage.tx-enter .tx-demo-workspace{animation:tx-demo-enter .2s ease-out}@keyframes tx-demo-enter{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.tx-demo-progress i{will-change:auto}.tx-demo-stage *{animation:none!important;transition:none!important}}
