.workspace-demo{color:#193e31;background:#fff;border:1px solid #cad5ca;border-radius:18px;margin:52px 0;padding:34px}.workspace-demo-heading{justify-content:space-between;align-items:center;gap:22px;display:flex}.workspace-demo h2{letter-spacing:-1px;margin:8px 0 16px;font-size:clamp(27px,3vw,38px)}.workspace-demo>p{color:#53645b;max-width:850px;font-size:16px;line-height:1.7}.workspace-view-choices{border-bottom:1px solid #dbe3d8;flex-wrap:wrap;gap:9px;margin:26px 0;padding-bottom:22px;display:flex}.workspace-view-choices button{font:inherit;color:#234e39;cursor:pointer;background:#f4f7ef;border:1px solid #cfdbc8;border-radius:7px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.4}.workspace-view-choices button[aria-pressed=true]{color:#e5f7a7;background:#193e31;border-color:#193e31}.workspace-demo :focus-visible{outline-offset:3px;outline:3px solid #658923}.demo-funnel,.demo-review{grid-template-columns:1fr 1.4fr;gap:42px;padding:12px 0;display:grid}.demo-funnel h3,.demo-review h3,.demo-heat-layout h3{margin:6px 0 18px;font-size:23px;line-height:1.35}.demo-funnel p,.demo-review p,.demo-heat-layout p{color:#53645b;font-size:16px;line-height:1.7}.demo-funnel ol{margin:0;padding:0;list-style:none}.demo-funnel li{border-bottom:1px solid #e0e6db;gap:17px;padding:14px 0;display:flex}.demo-funnel li:last-child{border:0}.demo-funnel li strong,.demo-funnel li span:not(.journey-check){font-size:15px;line-height:1.6;display:block}.demo-funnel li strong{font-size:17px}.journey-check{border:1px solid #b4c3b1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-top:3px;display:flex}.journey-check.is-observed{color:#193e31;background:#d8ef91;border-color:#8bab42}.demo-metric-view>label{flex-direction:column;gap:8px;max-width:740px;font-size:15px;font-weight:600;display:flex}.demo-metric-view select{font:inherit;color:#193e31;background:#fff;border:1px solid #b8c8b6;border-radius:6px;width:100%;padding:12px}.demo-heat-layout{grid-template-columns:minmax(180px,1.5fr) 1fr;gap:36px;margin-top:30px;display:grid}.demo-heat-grid{background-color:#f3f6ee;background-image:linear-gradient(#ccd7ca 1px,#0000 1px),linear-gradient(90deg,#ccd7ca 1px,#0000 1px);background-size:10% 10%;border:1px solid #c5d3bf;border-radius:9px;min-height:340px;position:relative;overflow:hidden}.demo-heat-grid span{opacity:.8;background:#e44f21;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 15px 7px #f3b04d99}.heat-total{letter-spacing:-2px;margin-top:20px;font-size:64px;line-height:1.1;display:block}.demo-form-table{margin-top:28px;overflow:auto}.demo-form-table table{border-collapse:collapse;text-align:left;width:100%;font-size:15px}.demo-form-table td,.demo-form-table th{white-space:nowrap;border-bottom:1px solid #dce4d7;padding:16px}.demo-form-table thead{background:#f0f5e9}.demo-form-table>p{color:#53645b;font-size:15px}.demo-review .button{margin-bottom:14px}.demo-review form{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.demo-review label{font-size:16px;font-weight:600}.demo-review textarea{font:inherit;resize:vertical;color:#193e31;background:#fff;border:1px solid #b9c8b3;border-radius:7px;width:100%;min-height:110px;padding:13px}.demo-review button:disabled{opacity:.45;cursor:default}.demo-saved-notes{width:100%}.demo-saved-notes p{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6eb;border:1px solid #d4e0c7;border-radius:7px;margin:12px 0;padding:15px}.demo-review button.text-link{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.workspace-demo button{font-family:inherit}@media (max-width:750px){.workspace-demo{margin:32px 0;padding:22px}.workspace-demo-heading{flex-direction:column;align-items:flex-start;gap:6px}.demo-funnel,.demo-review,.demo-heat-layout{grid-template-columns:1fr;gap:22px}.demo-heat-grid{min-height:300px}.workspace-view-choices{gap:7px}.workspace-view-choices button{padding:11px 12px;font-size:14px}.heat-total{font-size:48px}}.demo-page-overlay iframe{background:#f2f6ed;border:1px solid #cad5ca;border-radius:8px;width:100%;height:600px;display:block}.demo-page-overlay iframe[hidden]{display:none}.demo-overlay-status{font-size:14px!important;line-height:1.6!important}.demo-grid-detail{margin-top:18px}.demo-grid-detail summary{cursor:pointer;padding:12px 0;font-weight:600}.demo-grid-detail ul{padding-left:22px;font-size:14px;line-height:1.8}.demo-grid-detail .demo-heat-grid{margin-top:10px}@media (max-width:750px){.demo-page-overlay iframe{height:560px}}
