.demo-workspace{--background:#ebebe3;--foreground:#28291e;--primary:#43453a;--primary-foreground:#ebebe3;--secondary:#e1e1d6;--secondary-foreground:#43453a;--accent:#e1e1d6;--accent-foreground:#43453a;--muted-foreground:#63645a;--border:#d0d1c5;--input:var(--border);--ring:var(--primary);--demo-yellow:#f3d76a;--demo-priority:color-mix(in oklab, var(--demo-yellow) 30%, var(--background));min-height:100dvh;color:var(--foreground);letter-spacing:0}.demo-logo{width:auto;height:28px;display:block}.demo-workspace .demo-cta{background:var(--demo-yellow);color:var(--primary);border:1px solid var(--demo-yellow);box-shadow:none}.demo-workspace .demo-cta:hover{background:var(--demo-priority);border-color:var(--primary)}.demo-heading{max-width:700px;margin-top:10px;font-size:36px;font-weight:600;line-height:1.14}.demo-priorities{gap:10px;margin-top:28px;display:grid}.demo-alert{border:1px solid var(--border);border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:20px;display:grid}.demo-alert:first-child{background:var(--demo-priority);border-color:color-mix(in oklab,var(--demo-yellow) 60%,var(--border))}.demo-alert:hover{border-color:var(--primary)}.demo-alert-signal{color:var(--muted-foreground);margin-top:5px;font-size:14px;line-height:1.5}.demo-outcome{background:var(--primary);color:var(--primary-foreground);border-radius:4px;padding:5px 10px;font-size:12px;font-weight:500}.demo-outcome[data-outcome=Buyer]{background:var(--accent);color:var(--primary)}.demo-outcome[data-outcome=Leasing]{color:var(--primary);border:1px solid var(--border);background:0 0}.demo-summary{border-block:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;gap:28px;margin-block:30px;padding-block:18px;font-size:13px;display:flex}.demo-summary strong{color:var(--foreground);font-variant-numeric:tabular-nums;margin-left:8px}.demo-relationships{border-top:1px solid var(--border);margin-top:14px}.demo-relationship{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:20px;padding-block:18px;font-size:14px;display:grid}@media (width<=640px){.demo-heading{font-size:28px}.demo-alert{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.demo-alert>div{grid-column:1/-1}.demo-alert>:last-child{justify-self:end}.demo-summary{gap:12px 20px}.demo-relationship{grid-template-columns:minmax(0,1fr) auto;gap:10px}.demo-relationship>div:nth-child(2){grid-area:2/1/auto/-1}}
