.demo-banner{padding:18px 24px;border:1px solid #bbd9e5;border-radius:14px;background:#eaf5fa;margin-bottom:24px}.demo-banner p{margin:8px 0}.demo-shell{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden}.demo-shell aside{padding:24px;background:#edf5f8}.demo-shell aside nav{display:grid;gap:10px;margin-top:24px}.demo-shell label{display:grid;gap:8px}.demo-shell select,input{padding:12px;border:1px solid #ccdce5;border-radius:8px;font:inherit;width:100%}.demo-shell button[aria-pressed=false]{background:white;color:var(--ink)}.demo-content{padding:28px;min-width:0}.demo-content h1{font-size:34px}.demo-record{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.demo-record p{margin:6px 0;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:24px;max-width:min(500px,calc(100vw - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#12334077}dialog form{display:grid;gap:12px}dialog label{display:grid;gap:6px}@media(max-width:650px){.demo-shell{grid-template-columns:1fr}.demo-shell aside nav{display:flex;flex-wrap:wrap}.demo-content{padding:20px}.demo-content h1{font-size:28px}}
.demo-tour{margin-bottom:26px}.demo-tour h2{margin:8px 0}.demo-tour>p:not(.eyebrow){color:var(--muted);margin:12px 0 20px}.demo-tour nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-tour button{font-size:14px;text-align:left}.demo-tour button[aria-pressed=false]{background:white;color:var(--ink);border:1px solid var(--line)}.demo-context h2{margin:0 0 8px}.demo-context p{color:var(--muted);margin:0}.cost-summary{display:grid;gap:8px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#edf5f8}.cost-summary strong{font-size:36px}.cost-summary span{color:var(--muted)}.demo-cost-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.demo-cost-row>div{display:grid;gap:6px}.demo-cost-row span{font-size:13px;color:var(--muted)}.demo-cost-row>strong{text-align:right}.demo-feedback:empty,#demo-feedback:empty{display:none}#demo-feedback:not(:empty){padding:12px 16px;background:#edf7f2;border:1px solid #bcdacb;border-radius:10px;font-size:14px}input:focus-visible{outline:3px solid #e7a62e;outline-offset:3px}@media(max-width:650px){.demo-tour nav{grid-template-columns:1fr}.demo-tour button{width:100%}.demo-cost-row{gap:12px}.demo-cost-row>strong{max-width:42%}.demo-content h1{overflow-wrap:anywhere}.demo-banner{padding:18px}}

.demo-journey{margin:20px 0}.demo-journey button[aria-pressed=false]{background:white;color:var(--blue);border:1px solid var(--line)}.journey-checklist{display:grid;gap:12px;margin:20px 0}.journey-checklist label,.journey-consent{display:flex;align-items:center;gap:12px;line-height:1.5;min-height:44px}.journey-checklist input,.journey-consent input{width:22px;height:22px;flex:0 0 22px}.journey-result{padding:16px;border-radius:10px;background:#e2f3e9}button:disabled{opacity:.6;cursor:default}#demo-story-dialog{width:min(600px,calc(100vw - 24px))}#demo-story-dialog dd{margin:10px 0}
.story-active .demo-tour{display:none}
.journey-guided .demo-shell aside nav,.journey-guided .demo-content>.actions{display:none}
.journey-guided .demo-shell aside,.journey-complete .journey-work{display:none}
.journey-guided .demo-shell{grid-template-columns:1fr}
.demo-journey [data-access-outcome]{display:inline-block;margin-top:12px}
#demo-inspection-review{width:min(500px,calc(100vw - 24px))}
.journey-progress{padding:18px 20px;margin:22px 0;border:1px solid var(--line);border-radius:12px;background:white}.journey-progress>p{display:flex;justify-content:space-between;gap:16px;margin:0 0 10px}.journey-progress progress{width:100%;height:8px;accent-color:var(--blue)}.journey-progress ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:16px 0 0;list-style:none}.journey-progress li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted)}.journey-progress li>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid var(--line);border-radius:50%;font-weight:750}.journey-progress .is-complete{color:#236347}.journey-progress .is-complete>span{background:#e2f3e9;border-color:#bcdacb}.demo-cost-row>div{flex:1;min-width:0}.demo-cost-track{height:6px;background:#e9f2f6;border-radius:8px;margin-top:4px;overflow:hidden}.demo-cost-track>span{display:block;height:100%;background:var(--blue);border-radius:8px}.demo-receipt{font-size:13px;padding:10px 14px}.status-complete{background:#e2f3e9;color:#236347}.demo-shell{box-shadow:0 12px 36px #16374608}.demo-shell aside button[aria-pressed=true]{box-shadow:inset 3px 0 #e7a62e}.demo-content>.actions{margin:22px 0}.demo-context{margin-bottom:22px}@media(max-width:650px){.journey-progress{padding:16px}.journey-progress ol{grid-template-columns:1fr;gap:10px}.demo-banner>strong{display:block}.demo-banner .button{margin-top:8px}}