/* GRAFT connected demo: one quiet task-first surface, same custom SVG system. */
#demo-tools{padding:16px 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f9f8f5}#demo-tools>div:first-child{display:grid;gap:4px}.tools-status{font-size:11px;color:#737067}#demo-tools .actions{flex-shrink:0}#demo-tools button{min-height:34px;padding:6px 11px;font-size:12px}#demo-guide,#demo-handoff{margin:20px 34px 0}.story-strip{background:#fff;border:1px solid #cfcbc0;border-radius:10px;padding:20px 23px}.story-progress{display:flex;gap:5px;max-width:370px;margin-bottom:18px}.story-progress>span{height:3px;background:#e7e5de;flex:1}.story-progress>.complete{background:#a8a6a1}.story-progress>.current{background:#38383b}.story-content{display:flex;gap:25px;justify-content:space-between;align-items:center}.story-content h2{font-size:20px;margin-top:6px}.story-content p{font-size:13px;max-width:680px}.story-content small{display:block;margin-top:9px;color:#6c675f;font-size:11px}.story-content>.actions{flex-shrink:0}.story-next{display:flex;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.handoff-notice{border-left:2px solid #797970;background:#eeece5;padding:15px 19px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}.handoff-notice>div:first-child{display:flex;gap:13px;align-items:flex-start}.handoff-notice small{display:block;color:#777168;font-size:11px;margin-top:4px}.handoff-notice .actions{flex-shrink:0}.handoff-notice button{min-height:34px;font-size:12px}.role-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:28px}.role-intro>div{display:flex;gap:15px;align-items:flex-start}.role-intro .icon{margin-top:3px;width:21px;height:21px}.role-intro h2{font-size:17px}.role-intro .muted{max-width:690px}.role-intro>button{flex-shrink:0}.decision-links{display:grid}.decision-links>button{display:flex;justify-content:initial;gap:16px;width:100%;border:0;border-radius:0;border-bottom:1px solid var(--line);background:white;padding:20px 23px;text-align:left}.decision-links>button:last-child{border:0}.decision-links>button:hover{background:#f6f5f0}.decision-index{color:#a09a8f;font:11px monospace}.decision-links strong{font-size:14px;font-weight:550}.decision-links small{display:block;font-size:12px;color:#6c665d;margin-top:5px}.decision-links .icon{margin-left:auto}.decision-result{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.decision-result h3{font-size:20px;margin-top:7px}.decision-result>p{font-size:13px}.allocation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.allocation-options>div{padding:14px 12px;border:1px solid #e5e1d8;border-radius:7px;min-width:0}.allocation-options span,.allocation-options strong,.allocation-options small{display:block}.allocation-options span{font-size:12px;color:#777168}.allocation-options strong{font-size:14px;font-weight:550;margin-top:5px}.allocation-options small{font-size:11px;color:#777168;line-height:1.6;margin-top:5px}.model-details{font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.model-details summary{cursor:pointer;font-weight:550;min-height:34px;align-content:center}.model-details p{color:#6e675d;line-height:1.7}.impact-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;margin:21px 0}.impact-compare>div{padding:16px}.impact-compare>div:first-child{border-right:1px solid var(--line)}.impact-compare small{display:block;font-size:12px;color:#756e64}.impact-compare strong{font-size:28px;font-weight:500;display:block;margin-top:7px;letter-spacing:-.7px}.impact-list{padding-left:20px;font-size:13px;line-height:1.8}.impact-list li{padding:5px 0}.checkbox-line{display:flex;gap:12px;align-items:flex-start;font-size:13px;padding:14px 0}.checkbox-line input{width:18px;min-height:18px;margin:2px 0 0}.dialog-actions{margin-top:23px}.forecast-equation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.forecast-equation>div{display:grid;gap:5px}.forecast-equation strong{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-1px}.forecast-equation>span{font-size:20px;color:#9a9387}.forecast-equation div>span{color:#776f64;font-size:12px}.spaced-label{margin-top:20px}.migration-fixture{padding:19px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8}.migration-fixture small{display:block;font-size:12px;color:#766f64;margin-top:10px}.presentation-mode nav a[href="#settings"]{display:none}.presentation-mode .sidebar-bottom small{display:none}.presentation-mode main{max-width:1420px}.presentation-mode .muted{font-size:13px}.presentation-mode .action-card{padding:23px 0}.presentation-mode .heading .eyebrow{font-size:11px}.presentation-mode h1{font-size:31px}.presentation-mode .story-content p{font-size:14px}.role-intro h2,.decision-links strong,.story-content h2{overflow-wrap:anywhere}
@media(max-width:1120px){#demo-tools{padding:15px 26px;align-items:flex-start}#demo-tools .eyebrow{font-size:9px}#demo-tools .actions{gap:5px}#demo-guide,#demo-handoff{margin:18px 26px 0}.story-content{display:block}.story-content>.actions{margin-top:18px}.role-intro{display:block}.role-intro>button{margin:17px 0 0 36px}.handoff-notice{align-items:flex-start;flex-wrap:wrap}.allocation-options{grid-template-columns:1fr}.allocation-options>div{display:grid;grid-template-columns:1fr 1.5fr;column-gap:10px}.allocation-options small{grid-column:1/-1}.allocation-options strong{margin:0;text-align:right}}
@media(max-width:650px){#demo-tools{padding:14px 18px;display:block}#demo-tools>div:first-child{gap:5px}#demo-tools .actions{margin-top:12px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px}#demo-tools button{font-size:11px;padding:8px 6px;min-height:38px}.tools-status{font-size:10px}#demo-guide,#demo-handoff{margin:16px 18px 0}.story-strip{padding:16px}.story-content h2{font-size:19px}.story-content p{font-size:12px}.story-content .actions{align-items:stretch;flex-direction:row;gap:7px;flex-wrap:wrap}.story-content .actions button{font-size:12px;flex:1;white-space:nowrap;padding:8px 10px}.story-next{flex-wrap:wrap}.story-next button{font-size:11px;flex:1}.handoff-notice{padding:14px;font-size:12px}.handoff-notice .actions{width:100%;flex-wrap:wrap}.handoff-notice .actions button{font-size:11px;flex:1}.role-intro{padding-bottom:21px;margin-bottom:23px}.role-intro h2{font-size:16px}.role-intro .muted{font-size:12px}.role-intro>button{margin-left:0;width:100%}.decision-links>button{padding:19px 18px;gap:12px}.decision-links small{font-size:11px}.decision-result h3{font-size:19px}.allocation-options{grid-template-columns:1fr;gap:7px}.allocation-options>div{padding:12px}.impact-compare>div{padding:13px}.impact-compare small{font-size:11px}.impact-compare strong{font-size:25px}.impact-list{font-size:12px;padding-left:17px}.forecast-equation{gap:9px}.forecast-equation strong{font-size:30px}.forecast-equation div>span{font-size:11px}.presentation-mode h1{font-size:28px}.presentation-mode .muted{font-size:12px}.dialog-actions{flex-wrap:wrap}}
#demo-tools{flex-wrap:wrap}#demo-tools>div:first-child{min-width:0}.story-progress>span{min-width:0}@media(min-width:651px) and (max-width:860px){header{flex-wrap:wrap;height:auto;min-height:78px;padding-top:15px;padding-bottom:15px}.role{margin-left:auto}}