.demo-section{padding-top:88px;padding-bottom:96px}.demo-heading{margin-bottom:30px}.demo-shell{border:1px solid #ccd5cd;background:white;box-shadow:9px 10px 0 #e6ebe4}.demo-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);background:#eff3ed}.demo-tab{border:0;border-right:1px solid var(--line);background:transparent;padding:15px 18px;font:600 10px var(--sans);white-space:nowrap;color:#69756d;cursor:pointer}.demo-tab span{font:9px var(--mono);color:#98a39b;margin-right:8px}.demo-tab.active{background:white;color:var(--ink);box-shadow:inset 0 2px var(--green)}.demo-tab.active span{color:var(--green)}.demo-workspace{display:grid;grid-template-columns:.9fr 1.1fr;min-height:540px}.demo-input-pane,.demo-output-pane{padding:24px 27px}.demo-input-pane{border-right:1px solid var(--line);background:#fbfcfa}.pane-label,.question-heading,.branch-top{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#7b8980}.state-icon{font-size:15px;color:var(--green)}.demo-input-pane h3{font-size:18px;margin:20px 0 5px}.demo-context{font-size:10px;color:var(--muted);line-height:1.7;margin-bottom:18px;min-height:35px}.demo-input-pane blockquote{margin:0;background:#edf2ec;border-left:2px solid var(--green);padding:15px;font-size:12px;line-height:1.75;font-weight:600}.state-meta{display:flex;justify-content:space-between;margin-top:11px;font:8px var(--mono);color:#8c978f}.question-heading{border-top:1px solid var(--line);margin-top:25px;padding-top:16px}.question-heading span:last-child{color:#9aa39b}.question-row{display:grid;grid-template-columns:55px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid #e9ede7;align-items:start}.question-row>.type-tag{margin-top:2px}.question-copy{display:grid;gap:3px}.question-copy b{font:10px var(--mono);color:var(--green)}.question-copy small{font-size:10px;font-weight:600}.question-options{font:8px var(--mono);color:#89948c}.demo-output-pane{display:flex;flex-direction:column}.fixture-badge{font-size:8px;color:#a25938;background:#fff0e7;padding:5px 7px}.answer-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.result-card{border:1px solid #e1e7e0;padding:12px;min-width:0}.result-card:nth-child(3){grid-column:1/-1}.result-top{display:flex;align-items:center;gap:7px}.result-top code{font:9px var(--mono);color:#65736a}.result-top>small{margin-left:auto;font:8px var(--mono);color:#8a958d;white-space:nowrap}.result-value{font-size:16px;font-weight:800;margin:12px 0 8px;overflow-wrap:anywhere}.probability-list{display:grid;gap:5px}.probability-line{display:grid;grid-template-columns:minmax(0,1.1fr) 1fr 29px;gap:7px;align-items:center;font:8px var(--mono);color:#77837b}.probability-line>span:first-child{overflow-wrap:anywhere}.probability-line>small{text-align:right;font:8px var(--mono)}.probability-track{height:4px;background:#edf0ec}.probability-track i{height:100%;display:block;background:var(--green);min-width:1px}.branch-box{margin-top:auto;background:#eaf1e9;padding:14px 15px;border-left:2px solid var(--green)}.branch-top{color:var(--green)}.branch-mark{font-size:15px}.branch-box p{font-size:11px;font-weight:700;line-height:1.6;margin:9px 0 5px}.branch-box small{display:block;font-size:9px;color:#68776c;line-height:1.6}.json-details{margin-top:13px;border-top:1px solid var(--line);padding-top:10px}.json-details summary{cursor:pointer;list-style:none;font:9px var(--mono);color:#68766e}.json-details summary::-webkit-details-marker{display:none}.json-details summary span{float:right;color:var(--green)}.json-details[open] summary span{transform:rotate(45deg)}.json-details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#20332e;color:#dfebdf;padding:13px;font:8px/1.6 var(--mono);max-height:220px;overflow:auto}.demo-footer{border-top:1px solid var(--line);padding:13px 18px;display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);color:#7d8980}.demo-footer i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:5px}.demo-footer a{color:var(--green)}
@media(max-width:680px){.demo-section{padding-top:65px;padding-bottom:70px}.demo-workspace{grid-template-columns:1fr}.demo-input-pane,.demo-output-pane{padding:20px}.demo-input-pane{border-right:0;border-bottom:1px solid var(--line)}.demo-output-pane{min-height:480px}.demo-tabs{scrollbar-width:thin}.demo-tab{padding:13px 12px}.answer-stack{grid-template-columns:1fr}.result-card:nth-child(3){grid-column:auto}.demo-footer{flex-direction:column}.fixture-badge{font-size:7px}}