.spx{--sample-surface:oklch(.22 .027 220);--sample-line:oklch(.4 .043 220);--sample-text:oklch(.96 .01 210);--sample-muted:oklch(.75 .03 220);--sample-highlight:oklch(.82 .13 190);--sample-success:oklch(.81 .15 150);--sample-warning:oklch(.83 .13 85);--sample-scrim:oklch(.12 .025 220 / .95);--sample-shadow:0 16px 40px oklch(.08 .01 220 / .35)}
.spx .sx-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--sample-line);padding:8px 0 18px}.sx-eyebrow{color:var(--sample-highlight);font-size:10px;text-transform:uppercase;letter-spacing:0}.sx-head h2{font:600 24px var(--head);margin:6px 0}.sx-head p{color:var(--sample-muted);margin:0}.sx-tag{color:var(--sample-warning);border:1px solid var(--sample-line);padding:5px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.sx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sx-card{background:var(--sample-surface);border:1px solid var(--sample-line);border-radius:6px;padding:18px;min-width:0}.sx-card h3{font:600 15px var(--head);margin:8px 0 12px}.sx-card p{color:var(--sample-muted);margin:8px 0}.sx-photo{width:100%;height:132px;object-fit:cover;border-radius:4px;margin-bottom:12px}.sx-card .sp-btn{margin-top:14px}.sx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--sample-line);padding:18px 0;gap:18px}.sx-stat small{display:block;color:var(--sample-muted);font-size:11px}.sx-stat strong{display:block;font:600 22px var(--head);margin:5px 0}.sx-stat em{font-style:normal;color:var(--sample-success);font-size:10px}.sx-section{padding:16px 0;border-bottom:1px solid var(--sample-line)}.sx-section>h3{font:600 16px var(--head);margin:0 0 16px}.sx-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}.sx-fields small{display:block;color:var(--sample-muted);font-size:10px}.sx-fields b{display:block;margin:4px 0;font-weight:500}.sx-nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--sample-line);padding-bottom:12px}.sx-nav .on{color:var(--sample-text);background:var(--sample-surface)}.sx-subtitle{display:flex;align-items:center;gap:8px;font:600 15px var(--head)}.sx-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--sample-line);padding:14px 0}.sx-row p{margin:4px 0;color:var(--sample-muted)}.sx-ok{color:var(--sample-success)}.sx-warn{color:var(--sample-warning)}.sx-muted{color:var(--sample-muted)}.sx-dialog{position:fixed;inset:0;z-index:9999;background:var(--sample-scrim);padding:24px;display:flex;align-items:center;justify-content:center}.sx-dialog-inner{width:min(920px,100%);max-height:85vh;overflow:auto;background:var(--sample-surface);border:1px solid var(--sample-line);border-radius:6px;padding:24px;box-shadow:var(--sample-shadow)}.sx-dialog h2{font:600 20px var(--head)}.sx-close{float:right}.sx-work{padding:18px 0;border-top:1px solid var(--sample-line)}.sx-gates{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.sx-gates span{border:1px solid var(--sample-line);border-radius:4px;padding:6px 8px;font-size:10px}.sx-locked{color:var(--sample-muted)}.sx-spv{display:grid;grid-template-columns:1fr;justify-items:center;gap:12px;padding:18px 0}.sx-spv>div{border:1px solid var(--sample-line);padding:12px;width:100%;text-align:center}.sx-spv strong{color:var(--sample-highlight)}.sx-bars{display:grid;gap:12px}.sx-bars label{display:flex;justify-content:space-between}.sx-evidence{border-left:2px solid var(--sample-highlight);padding:6px 12px;color:var(--sample-muted);font-size:11px}.sx-scenario select{background:var(--sample-surface);color:var(--sample-text);border:1px solid var(--sample-line);padding:10px;border-radius:4px;max-width:100%;font:inherit}.sx-report-icon{color:var(--sample-highlight);margin-bottom:10px}.sx-card,.sx-dialog-inner{overflow-wrap:anywhere}.sx-card .sp-chip{margin:6px 0}.sx-disclaimer{font-size:10px;color:var(--sample-muted);margin:8px 0}.sx-report-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sx-chart{display:flex;align-items:flex-end;gap:16px;height:120px;border-bottom:1px solid var(--sample-line);padding:0 16px}.sx-chart>div{flex:1;background:var(--sample-highlight);min-height:2px;position:relative}.sx-chart>div span{position:absolute;bottom:100%;width:100%;text-align:center;font-size:10px;padding-bottom:5px}.sx-chart-labels{display:flex;justify-content:space-around;font-size:10px;color:var(--sample-muted);margin:10px 0}.sx-chat-history{max-height:420px;overflow:auto}.sx-answer{padding:14px 0;line-height:1.8;border-bottom:1px solid var(--sample-line)}.sx-question{color:var(--sample-highlight);font-weight:600}.sx-download{display:inline-flex;align-items:center;gap:6px;color:var(--sample-highlight);border:1px solid var(--sample-line);padding:7px 10px;border-radius:4px;text-decoration:none;white-space:nowrap}.sx-download:hover{border-color:var(--sample-highlight)}
@media(max-width:1100px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sx-grid,.sx-split{grid-template-columns:1fr}.sx-head{align-items:flex-start;flex-direction:column}.sx-row{flex-wrap:wrap}.sx-dialog{padding:10px}.sx-dialog-inner{padding:16px}.sx-fields{grid-template-columns:1fr}.sx-stat strong{font-size:19px}.sx-head h2{font-size:21px}}