.demo-app{color:#142d40;background:#f5f7f9;min-height:100vh}.demo-main{max-width:1400px;margin:0 auto;padding:24px clamp(20px,4vw,64px) 32px}.demo-main a{text-decoration:none}.demo-topline{color:#5b7082;justify-content:space-between;align-items:center;gap:18px;font-size:12px;font-weight:650;display:flex}.demo-topline>span,.demo-topline>a{align-items:center;gap:9px;display:inline-flex}.demo-topline>a{color:#51677a;min-height:36px}.demo-live-dot{background:#0b8f86;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e0f0ed}.demo-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:19px 0 36px;display:grid}.demo-progress>a{color:#718392;border-bottom:2px solid #dae3e9;align-items:center;gap:10px;padding:13px 0 17px;font-size:12px;font-weight:650;line-height:1.4;display:flex;position:relative}.demo-progress>a.is-current{color:#0b6881;border-color:#0b8d99}.demo-progress>a.is-complete{color:#48677a;border-color:#8fbdc0}.demo-step-number{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d3dee6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:inline-flex}.is-current .demo-step-number{color:#fff;background:#0c354c;border-color:#0c354c}.is-complete .demo-step-number{color:#14796d;background:#e3f2ee;border-color:#d1e8e1}.demo-stage{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,5vw,78px);min-height:452px;display:grid}.demo-story{padding:6px 0}.demo-location{color:#2c7783;align-items:center;gap:6px;margin:0 0 17px;font-size:12px;font-weight:650;line-height:1.5;display:flex}.demo-story h1{letter-spacing:-1.8px;color:#123148;outline:none;max-width:580px;margin:0 0 23px;font-size:clamp(32px,3.5vw,49px);font-weight:650;line-height:1.1}.demo-summary{color:#587082;max-width:550px;margin:0;font-size:17px;line-height:1.7}.demo-takeaway{border-left:3px solid #159b97;margin:28px 0;padding:0 0 0 17px}.demo-takeaway-label{text-transform:uppercase;letter-spacing:1.7px;color:#1d797e;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.demo-takeaway p{color:#153e53;max-width:470px;margin:0;font-size:18px;font-weight:550;line-height:1.45}.demo-story-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.demo-record-link,.demo-text-link{color:#1465b0;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:650;display:inline-flex}.demo-record-link{background:#fff;border:1px solid #cbdce8;border-radius:7px;padding:0 16px}.demo-record-link:hover{background:#f5fbff;border-color:#6aabc3}.demo-text-link:hover{color:#0d424f;text-decoration:underline}.demo-evidence-board{background:#eaf0f3;border:1px solid #dde7ec;border-radius:16px;padding:19px;box-shadow:0 16px 42px #193d4e05}.demo-board-heading{color:#496576;justify-content:space-between;align-items:center;gap:10px;margin:0 1px 15px;font-size:11px;font-weight:650;display:flex}.demo-board-heading>span:last-child{color:#6b7e8c;font-size:10px;font-weight:500}.demo-evidence-cards{gap:11px;display:grid}.demo-evidence-card{background:#fff;border:1px solid #dfe8ec;border-radius:10px;align-items:flex-start;gap:13px;padding:19px;display:flex;box-shadow:0 3px 8px #193d4e03}.demo-card-icon{color:#197b86;background:#eef7f7;border:1px solid #d8e9eb;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.demo-card-body{flex:1;min-width:0}.demo-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-card-top>p{color:#5b7180;letter-spacing:.25px;margin:0;font-size:10px;font-weight:650}.demo-card-top>span{color:#a7b7c0;font-size:10px}.demo-evidence-card h2{letter-spacing:-.7px;color:#173b51;margin:6px 0 5px;font-size:25px;font-weight:650;line-height:1.15}.demo-card-detail{color:#587184;margin:0;font-size:12px;line-height:1.6}.demo-card-status{color:#26717b;background:#eff7f7;border:1px solid #e1edee;border-radius:4px;align-items:center;margin-top:9px;padding:3px 6px;font-size:9px;font-weight:650;line-height:1.35;display:inline-flex}.demo-board-foot{color:#5d7b88;align-items:center;gap:6px;margin:14px 2px 0;font-size:10px;display:flex}.demo-decision-strip{border-top:1px solid #dbe4ea;border-bottom:1px solid #dbe4ea;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;padding:19px 0;display:grid}.demo-decision-strip>div+div{border-left:1px solid #dbe4ea;padding-left:32px}.demo-decision-strip>div>span{color:#3d6174;letter-spacing:.7px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.demo-decision-strip p{color:#667b89;max-width:570px;margin:0;font-size:12px;line-height:1.7}.demo-source-drawer{border-bottom:1px solid #dbe4ea}.demo-source-drawer>summary{color:#4b6779;justify-content:space-between;align-items:center;gap:16px;min-height:53px;font-size:12px;font-weight:600;list-style:none;display:flex}.demo-source-drawer>summary::-webkit-details-marker{display:none}.demo-source-drawer>summary>span{align-items:center;gap:9px;display:flex}.demo-source-drawer>summary>.lucide{transition:transform .15s}.demo-source-drawer[open]>summary>.lucide{transform:rotate(180deg)}.demo-source-count{color:#7c8e99;font-size:10px;font-weight:500}.demo-source-content{grid-template-columns:1fr 1fr;gap:32px;padding:10px 0 25px;display:grid}.demo-evidence-notes{gap:22px;display:grid}.demo-source-meta{color:#28807a;margin-bottom:6px;font-size:10px;line-height:1.6}.demo-evidence-notes h3{margin:0 0 8px;font-size:13px;font-weight:650;line-height:1.5}.demo-evidence-notes p{color:#5b7485;margin:0 0 10px;font-size:12px;line-height:1.7}.demo-evidence-notes a{color:#1465b0;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.demo-source-list{align-content:start;gap:15px;margin:0;padding:0;list-style:none;display:grid}.demo-source-list li{border-bottom:1px solid #e1e8ed;padding:0 0 15px}.demo-source-list a{color:#1465b0;overflow-wrap:anywhere;align-items:baseline;gap:7px;font-size:12px;font-weight:550;line-height:1.6;display:flex}.demo-source-list a svg{flex-shrink:0}.demo-source-list small{color:#78909d;margin-top:5px;font-size:10px;line-height:1.6;display:block}.demo-controls{z-index:10;background:#f5f7f9;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px 0;display:grid;position:sticky;bottom:0;box-shadow:0 -10px 18px #f5f7f9}.demo-primary{color:#fff;background:#0b354d;border:1px solid #0b354d;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:0 18px;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex;box-shadow:0 3px 6px #153e5310}.demo-primary:hover{background:#134b62;border-color:#134b62}.demo-controls>.demo-primary{justify-self:end}.demo-primary:disabled{color:#23796b;cursor:default;box-shadow:none;background:#e0eeeb;border-color:#c8e0d8}.demo-back{color:#567082;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;min-height:44px;padding:0 5px;font-size:12px;font-weight:600;display:inline-flex}.demo-back:hover{color:#103e59}.demo-back:disabled{opacity:.4;cursor:default}.demo-page-count{color:#284d65;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.demo-page-count>span{color:#8b9ca7;padding:0 5px;font-weight:400}.demo-save-status{color:#4e7b77;max-width:410px;min-height:18px;margin:13px 0 0;font-size:11px;line-height:1.65}:is(.demo-main a:focus-visible,.demo-main button:focus-visible,.demo-main summary:focus-visible){outline-offset:4px;outline:3px solid #228cc9}@media (min-width:1500px){.demo-main{padding-top:30px}.demo-stage{min-height:500px}.demo-story h1{font-size:51px}.demo-evidence-card{padding:22px}.demo-summary{font-size:18px}}@media (max-width:1000px){.demo-main{padding-inline:28px}.demo-stage{gap:28px}.demo-story h1{letter-spacing:-1.3px;font-size:36px}.demo-summary{font-size:15px}.demo-evidence-board{padding:14px}.demo-evidence-card{gap:10px;padding:15px}.demo-evidence-card h2{font-size:23px}.demo-card-icon{width:34px;height:34px}.demo-takeaway p{font-size:16px}.demo-progress{gap:10px}.demo-progress>a{gap:7px;font-size:11px}}@media (max-width:760px){.demo-main{padding:18px 20px 26px}.demo-topline{font-size:11px}.demo-progress{gap:8px;margin:12px 0 27px}.demo-progress>a{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:13px;font-size:10px}.demo-step-number{width:25px;height:25px;font-size:10px}.demo-stage{grid-template-columns:1fr;gap:27px;min-height:0}.demo-story{padding:0}.demo-story h1{max-width:520px;margin-bottom:17px;font-size:36px;line-height:1.14}.demo-location{margin-bottom:13px;font-size:11px}.demo-summary{font-size:15px;line-height:1.65}.demo-takeaway{margin:22px 0}.demo-takeaway p{max-width:500px;font-size:16px}.demo-evidence-board{padding:15px}.demo-evidence-card{padding:17px}.demo-card-detail{font-size:12px}.demo-card-top>p{font-size:11px}.demo-card-status{font-size:10px}.demo-decision-strip{grid-template-columns:1fr;gap:17px;margin-top:24px;padding-block:20px}.demo-decision-strip>div+div{border:0;padding:0}.demo-source-content{grid-template-columns:1fr;gap:24px}.demo-controls{grid-template-columns:auto 1fr auto;gap:10px}.demo-page-count{justify-self:center;font-size:11px}.demo-controls>.demo-primary{max-width:220px;padding-inline:12px;font-size:11px}.demo-source-count{display:none}.demo-board-heading{font-size:11px}.demo-board-foot{font-size:10px}}@media (max-width:390px){.demo-main{padding-inline:16px}.demo-story h1{font-size:31px}.demo-controls{column-gap:6px}.demo-controls>.demo-primary{gap:6px;max-width:196px;padding-inline:10px;font-size:10px}.demo-page-count{font-size:10px}.demo-back{gap:4px;font-size:11px}.demo-page-count>span{padding-inline:2px}.demo-evidence-card{padding:14px}}