.demo-app{--demo-canvas:#f7f8f4;--demo-paper:#fff;--demo-ink:#12231d;--demo-muted:#718078;--demo-line:#e4e8df;--demo-lime:#c3ef77;--demo-forest:#182d24;--demo-mono:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--demo-ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1440px;margin:0 auto;text-align:left;font-weight:400}
.demo-app *{box-sizing:border-box}
.demo-app [hidden]{display:none!important}
.demo-app button,.demo-app input,.demo-app select{font:inherit}
.demo-app button{cursor:pointer}
.demo-app button:disabled{cursor:default;opacity:.48}
.demo-app button:focus-visible,.demo-app input:focus-visible,.demo-app select:focus-visible{outline:3px solid #7ab537;outline-offset:3px}
.demo-app svg{display:block;flex-shrink:0}
.demo-app h1,.demo-app h2,.demo-app h3,.demo-app p{margin:0}
.demo-app .demo-shell{display:grid;grid-template-columns:192px minmax(0,1fr);min-height:846px;border:1px solid #dbe1d5;border-radius:16px;background:var(--demo-canvas);overflow:hidden;box-shadow:0 20px 70px #12231d08}
.demo-app .demo-rail{display:flex;flex-direction:column;background:var(--demo-forest);color:#e6eee5;padding:29px 16px 0}
.demo-app .demo-rail-brand{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650;letter-spacing:-.2px}
.demo-app .demo-brand-symbol{display:block;width:30px;height:30px;color:var(--demo-lime);flex-shrink:0}
.demo-app .demo-brand-symbol svg{width:30px;height:30px}
.demo-app .demo-rail-brand small{display:block;font:8px/1.5 var(--demo-mono);letter-spacing:1px;color:#93a499;margin-top:3px}
.demo-app .demo-nav-label{margin:44px 11px 12px;font:9px var(--demo-mono);letter-spacing:1.3px;color:#8c9e91;text-transform:uppercase}
.demo-app .demo-navigation{display:grid;gap:5px}
.demo-app .demo-nav-button{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aebdb2;border-radius:6px;padding:11px 12px;width:100%;font-size:12px;text-align:left;transition:background .18s,color .18s}
.demo-app .demo-nav-button svg{width:17px;height:17px}
.demo-app .demo-nav-button:hover{background:#ffffff0b;color:#f3f8f1}
.demo-app .demo-nav-button.is-active{background:#c3ef7715;color:#d4f2ab;box-shadow:inset 2px 0 var(--demo-lime)}
.demo-app .demo-nav-count{margin-left:auto;font:10px var(--demo-mono);color:#a6b49d}
.demo-app .demo-rail-bottom{margin-top:auto;padding-top:100px}
.demo-app .demo-environment{display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap;color:#c2d1c3}
.demo-app .demo-status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#85b959;flex-shrink:0}
.demo-app .demo-rail-bottom>p{font-size:9px;line-height:1.7;color:#8c9e91;margin:9px 0 26px}
.demo-app .demo-rail-person{display:flex;align-items:center;gap:8px;padding:18px 0;border-top:1px solid #ffffff10;font-size:10px;line-height:1.5}
.demo-app .demo-rail-person>span:first-child{width:27px;height:27px;background:#ffffff0f;border:1px solid #ffffff13;display:grid;place-items:center;border-radius:50%;font:9px var(--demo-mono);color:#d1e2c0}
.demo-app .demo-rail-person small{display:block;font-size:9px;color:#879c8b}
.demo-app .demo-person-dots{margin-left:auto;font-size:18px;letter-spacing:1px;color:#879c8b}
.demo-app .demo-workspace{min-width:0}
.demo-app .demo-topbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--demo-line);font-size:10px;color:#809086;background:#fafbf8}
.demo-app .demo-topbar>span:first-child{display:flex;align-items:center;gap:13px}
.demo-app .demo-topbar strong{font-weight:500;color:#42564a}
.demo-app .demo-simulation-tag{display:flex;align-items:center;gap:6px;font:9px var(--demo-mono);color:#687d69}
.demo-app .demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 28px 24px}
.demo-app .demo-eyebrow{font:8px/1.6 var(--demo-mono);letter-spacing:1.4px;color:#7b8b7e;margin-bottom:7px}
.demo-app .demo-heading h1{font-size:clamp(23px,2.25vw,32px);font-weight:550;line-height:1.2;letter-spacing:-1.2px;color:var(--demo-ink)}
.demo-app .demo-intro{font-size:11px;line-height:1.6;color:#748177;margin-top:9px}
.demo-app .demo-heading-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.demo-app .demo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;min-height:34px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:550;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background .16s,border-color .16s,transform .16s}
.demo-app .demo-button svg{width:15px;height:15px}
.demo-app .demo-button-primary{background:var(--demo-lime);color:#1b351a;border-color:#b6e46b}
.demo-app .demo-button-primary:hover:not(:disabled){background:#b6e969;transform:translateY(-1px)}
.demo-app .demo-button-secondary{background:#fff;color:#4f6053;border-color:#dfe5d9}
.demo-app .demo-button-secondary:hover:not(:disabled){border-color:#9aa98d;background:#fbfcf8}
.demo-app .demo-scenario-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px 18px}
.demo-app .demo-scenario-picker{display:flex;align-items:center;gap:10px}
.demo-app .demo-scenario-picker label{font-size:10px;color:#758372}
.demo-app select{border:1px solid #dfe5d9;border-radius:5px;color:#3b503f;background:#fff;max-width:100%;padding:7px 25px 7px 10px;font-size:10px;min-height:32px}
.demo-app .demo-steps{list-style:none;display:flex;gap:15px;margin:0;padding:0;font-size:9px;color:#8a958a}
.demo-app .demo-steps li{display:flex;align-items:center;gap:5px;white-space:nowrap}
.demo-app .demo-steps li>span{font:8px var(--demo-mono);border:1px solid #dce3d6;border-radius:50%;height:15px;width:15px;display:grid;place-items:center}
.demo-app .demo-steps .is-current{color:#365c28}
.demo-app .demo-steps .is-current>span{background:#c3ef77;border-color:#c3ef77;color:#264a17}
.demo-app .demo-steps .is-complete>span{background:#e7eddf;color:#507039;border-color:#d8e3cc}
.demo-app .demo-policy-banner{margin:0 28px;display:flex;gap:12px;align-items:center;padding:13px 15px;border:1px solid #dce7cf;background:#f0f5e8;border-radius:7px;min-height:73px;transition:background .25s}
.demo-app .demo-policy-banner.is-updated{background:#eaf3dd;border-color:#cee0b7}
.demo-app .demo-policy-symbol{display:grid;place-items:center;background:#e1ebd5;border:1px solid #d2e0c3;border-radius:7px;height:33px;width:33px;color:#526d3c;flex-shrink:0}
.demo-app .demo-policy-symbol svg{height:19px;width:19px}
.demo-app .demo-policy-copy{flex:1;min-width:0}
.demo-app .demo-policy-copy p{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.demo-app .demo-policy-copy strong{font-size:11px;font-weight:600;color:#34502b}
.demo-app .demo-policy-copy>span{display:block;font-size:10px;line-height:1.5;color:#7c8c70;margin-top:3px}
.demo-app .demo-version{display:inline-flex;border:1px solid #d3dec9;background:#ffffff80;border-radius:4px;padding:1px 5px;font:9px/1.5 var(--demo-mono);color:#60744d}
.demo-app .demo-button-update{border-color:#cadab9;background:#ffffff95;color:#446233;font-size:9px;padding:6px 10px;min-height:30px}
.demo-app .demo-button-update:hover:not(:disabled){background:#fff;border-color:#97b66c}
.demo-app .demo-button-update>span{margin-left:4px}
.demo-app .demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 28px 25px;border-bottom:1px solid var(--demo-line);padding-bottom:23px}
.demo-app .demo-metric{padding:0 20px;border-left:1px solid var(--demo-line)}
.demo-app .demo-metric:first-child{padding-left:0;border:0}
.demo-app .demo-metric:last-child{padding-right:0}
.demo-app .demo-metric>span{display:block;font-size:10px;color:#778577;margin-bottom:7px}
.demo-app .demo-metric>strong{font-weight:500;font-size:25px;letter-spacing:-1px;line-height:1.2;display:block;font-variant-numeric:tabular-nums}
.demo-app .demo-metric small{font-size:13px;font-weight:400;color:#9ca794;letter-spacing:0}
.demo-app .demo-metric>p{margin-top:6px;font-size:8px;color:#899582}
.demo-app .demo-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:0;margin:0 28px 22px;border:1px solid var(--demo-line);border-radius:8px;background:#fff;overflow:hidden}
.demo-app .demo-content-grid.is-evidence{grid-template-columns:minmax(0,1fr)}
.demo-app .demo-content-grid.is-evidence .demo-evidence-panel{display:none}
.demo-app .demo-primary-panel{min-width:0}
.demo-app .demo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 14px}
.demo-app .demo-panel-heading h2,.demo-app .demo-evidence-panel h2{font-size:12px;font-weight:600;letter-spacing:-.1px;color:#293d2d}
.demo-app .demo-panel-heading p{font-size:9px;color:#899381;margin-top:4px;line-height:1.6}
.demo-app .demo-soft-count{margin-left:5px;display:inline-block;border-radius:4px;background:#f1f4eb;font:8px/1.4 var(--demo-mono);padding:2px 5px;color:#819074;vertical-align:middle}
.demo-app .demo-mini-label{font:7px var(--demo-mono);letter-spacing:.8px;color:#94a088;white-space:nowrap}
.demo-app .demo-table-controls{display:flex;align-items:center;gap:9px;padding:0 18px 15px}
.demo-app .demo-search{display:flex;align-items:center;gap:7px;flex:1;border:1px solid #e5eadf;background:#fff;border-radius:5px;padding:0 8px;min-width:80px;max-width:240px}
.demo-app .demo-search svg{width:13px;height:13px;color:#97a18e}
.demo-app .demo-search input{min-width:0;width:100%;height:30px;border:0;background:transparent;padding:0;color:#37482f;font-size:9px;outline-offset:2px}
.demo-app .demo-search input::placeholder{color:#9ba593}
.demo-app .demo-table-controls select{font-size:9px;min-height:32px;padding-top:6px;padding-bottom:6px}
.demo-app .demo-table-scroll{overflow-x:auto;scrollbar-width:thin}
.demo-app .demo-table{width:100%;border-collapse:collapse;min-width:485px;font-size:10px;text-align:left;white-space:nowrap}
.demo-app .demo-table th{font-size:8px;font-weight:500;letter-spacing:.25px;color:#8c9983;padding:10px 12px;background:#fafbf7;border-top:1px solid #edf0e8;border-bottom:1px solid #e8ece2}
.demo-app .demo-table td{padding:12px;border-bottom:1px solid #edf0e8;color:#5c7052;vertical-align:middle}
.demo-app .demo-table th:first-child,.demo-app .demo-table td:first-child{padding-left:18px}
.demo-app .demo-table th:last-child,.demo-app .demo-table td:last-child{padding-right:18px}
.demo-app .demo-table tr:last-child td{border-bottom:0}
.demo-app .demo-table tbody tr{transition:background .2s}
.demo-app .demo-table tbody tr:hover,.demo-app .demo-table tbody tr.is-selected{background:#fafcf7}
.demo-app .demo-number{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--demo-mono);font-size:9px}
.demo-app .demo-workload-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:#405439;text-align:left;min-height:31px;font-size:9px}
.demo-app .demo-workload-icon{width:26px;height:28px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e7ecdf;border-radius:5px;color:#8e9d80;background:#f9fbf6}
.demo-app .demo-workload-icon svg{width:14px;height:14px}
.demo-app .demo-workload-button strong{font-size:9px;font-weight:550;display:block;color:#354c2b}
.demo-app .demo-workload-button small{display:block;font:7px/1.7 var(--demo-mono);color:#9aa68d;letter-spacing:.2px}
.demo-app .demo-endpoint{font-size:9px;color:#697b5d;display:block}
.demo-app .demo-endpoint-note{font-size:7px;color:#97a38b;display:block;margin-top:3px}
.demo-app .demo-state{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid #e6eadd;border-radius:4px;background:#f6f8f1;color:#7a8968;font-size:8px;line-height:1.5}
.demo-app .demo-state:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}
.demo-app .demo-state.is-completed{color:#5a7b37;background:#edf6e2;border-color:#dfedcd}
.demo-app .demo-state.is-running,.demo-app .demo-state.is-release{color:#5d7f81;background:#edf4f4;border-color:#dce8e8}
.demo-app .demo-state.is-retry,.demo-app .demo-state.is-uncertain{color:#96752f;background:#fbf5e6;border-color:#efe3c4}
.demo-app .demo-state.is-held,.demo-app .demo-state.is-blocked{color:#a46e4c;background:#fbf0e8;border-color:#f0ddd1}
.demo-app .demo-policy-cell{font:8px var(--demo-mono);color:#91a080}
.demo-app .demo-empty{padding:32px 18px!important;text-align:center;color:#7e8e72!important;font-size:11px}
.demo-app .demo-table-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0e8;padding:12px 18px;font-size:8px;color:#94a087}
.demo-app .demo-table-footer>span:last-child{color:#7d9369}
.demo-app .demo-boundary-note{display:flex;align-items:flex-start;gap:7px;padding:13px 18px;border-top:1px solid #edf0e8;background:#fcfdf9;color:#8d9b81}
.demo-app .demo-boundary-note svg{width:13px;height:13px;margin-top:2px}
.demo-app .demo-boundary-note p{font-size:8px;line-height:1.8}
.demo-app .demo-detail{border-top:1px solid #dde6d4;background:#f5f9ee;padding:15px 18px}
.demo-app .demo-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.demo-app .demo-detail h3{font-size:11px;font-weight:600;color:#425e31}
.demo-app .demo-detail-close{border:0;background:transparent;padding:0 4px;line-height:1;font-size:18px;color:#7d8d70}
.demo-app .demo-detail>p{font-size:10px;line-height:1.7;color:#718360}
.demo-app .demo-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 0}
.demo-app .demo-detail dt{font:7px var(--demo-mono);color:#8b9b7b;text-transform:uppercase;letter-spacing:.5px}
.demo-app .demo-detail dd{font-size:9px;color:#536e40;margin:4px 0 0;overflow-wrap:anywhere}
.demo-app .demo-evidence-panel{border-left:1px solid var(--demo-line);padding:20px 17px 18px;background:#fdfefa}
.demo-app .demo-evidence-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}
.demo-app .demo-live-mark{display:inline-flex;align-items:center;gap:4px;color:#86a063;font:8px var(--demo-mono)}
.demo-app .demo-evidence-panel h2{font-size:11px}
.demo-app .demo-stream-description{font-size:8px;color:#92a083;margin-top:5px}
.demo-app .demo-event-stream{padding:0;margin:22px 0 18px;list-style:none;display:grid;gap:19px}
.demo-app .demo-event{position:relative;padding-left:17px}
.demo-app .demo-event:before{content:"";position:absolute;top:5px;left:0;width:6px;height:6px;border-radius:50%;background:#9ab778;border:1px solid #8ca66c;z-index:1}
.demo-app .demo-event:after{content:"";position:absolute;left:2px;top:17px;bottom:-12px;width:1px;background:#e8eddf}
.demo-app .demo-event:last-child:after{display:none}
.demo-app .demo-event.is-denied:before,.demo-app .demo-event.is-held:before{background:#d8ae86;border-color:#d0a27c}
.demo-app .demo-event.is-uncertain:before{background:#d6c078;border-color:#c9b16b}
.demo-app .demo-event.is-policy:before{background:#b5d88f;border-color:#9fc471}
.demo-app .demo-event-meta{display:flex;gap:6px;align-items:center;font:7px/1.4 var(--demo-mono);color:#a0ab94;margin-bottom:4px}
.demo-app .demo-event h3{font-size:9px;line-height:1.5;font-weight:550;color:#587047}
.demo-app .demo-event p{font-size:8px;line-height:1.7;color:#93a083;margin-top:4px}
.demo-app .demo-text-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border:0;border-top:1px solid #e8eddf;background:transparent;color:#71875d;font-size:9px;text-align:left}
.demo-app .demo-text-button:hover{color:#355522}
.demo-app .demo-budget-summary{margin-top:20px;padding-top:16px;border-top:1px solid #e8eddf}
.demo-app .demo-budget-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;color:#92a083}
.demo-app .demo-budget-summary strong{font:8px var(--demo-mono);color:#71865b;white-space:nowrap}
.demo-app .demo-budget-track{margin:9px 0 7px;background:#edf1e6;height:4px;border-radius:5px;overflow:hidden}
.demo-app .demo-budget-track span{height:100%;background:#bad998;display:block;min-width:0;transition:width .3s}
.demo-app .demo-budget-summary>p{font-size:7px;line-height:1.6;color:#a0aa95}
.demo-app .demo-rule-list{padding:0 18px}
.demo-app .demo-rule{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;padding:15px 0;border-top:1px solid #edf0e7;font-size:10px}
.demo-app .demo-rule>span{color:#8b9980;font-size:9px}
.demo-app .demo-rule strong{color:#476339;font-size:10px;font-weight:550;display:block}
.demo-app .demo-rule small{display:block;font-size:9px;color:#91a081;margin-top:4px;line-height:1.7}
.demo-app .demo-section-caption{margin:22px 18px 11px;font:8px var(--demo-mono);text-transform:uppercase;letter-spacing:.8px;color:#91a081}
.demo-app .demo-boundary-list{padding:0 18px 15px}
.demo-app .demo-boundary-list>div{display:flex;gap:13px;padding:9px 0}
.demo-app .demo-boundary-list>div>span{font:8px var(--demo-mono);color:#9ba98b;padding-top:2px}
.demo-app .demo-boundary-list p{font-size:9px;line-height:1.7;color:#8b9d7a}
.demo-app .demo-boundary-list strong{display:block;font-size:10px;color:#607b4b;font-weight:550;margin-bottom:2px}
.demo-app .demo-policy-limit{background:#faf7ed;border-top:1px solid #ece6d6;padding:16px 18px;color:#95805b}
.demo-app .demo-policy-limit strong{font-size:10px;font-weight:550}
.demo-app .demo-policy-limit p{font-size:9px;line-height:1.8;margin-top:4px}
.demo-app .demo-evidence-intro{display:flex;align-items:center;gap:7px;margin:0 18px 17px;color:#8b9d7b;font-size:9px}
.demo-app .demo-evidence-ledger{padding:0 18px 18px;max-height:590px;overflow:auto;scrollbar-width:thin}
.demo-app .demo-ledger-event{display:grid;grid-template-columns:70px minmax(0,1fr) 82px;gap:14px;padding:15px 0;border-top:1px solid #edf0e6}
.demo-app .demo-ledger-meta{font:8px/1.7 var(--demo-mono);color:#91a281}
.demo-app .demo-ledger-meta small{display:block;font-size:7px;color:#a4b196}
.demo-app .demo-ledger-body h3{font-size:11px;font-weight:550;color:#486438}
.demo-app .demo-ledger-body>p{font-size:10px;line-height:1.7;color:#81956d;margin-top:4px}
.demo-app .demo-ledger-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px;font:7px var(--demo-mono);color:#98a98a}
.demo-app .demo-ledger-outcome{text-align:right}
.demo-app .demo-ledger-outcome .demo-state{font-size:7px}
.demo-app .demo-console-footer{display:flex;justify-content:space-between;gap:16px;padding:0 28px 20px;color:#94a187;font-size:8px}
.demo-app .demo-console-footer>p{color:#7c906d}
.demo-app .demo-console-footer>span{white-space:nowrap}
.demo-app .demo-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.demo-app .demo-content-grid{grid-template-columns:minmax(0,1fr) 270px}.demo-app .demo-table{font-size:11px}.demo-app .demo-workload-button strong{font-size:10px}.demo-app .demo-workload-button small{font-size:8px}.demo-app .demo-endpoint{font-size:10px}.demo-app .demo-state{font-size:9px}}
@media(max-width:1160px){.demo-app .demo-shell{grid-template-columns:172px minmax(0,1fr)}.demo-app .demo-content-grid{grid-template-columns:minmax(0,1fr)}.demo-app .demo-evidence-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-left:0;border-top:1px solid var(--demo-line)}.demo-app .demo-evidence-panel-heading,.demo-app .demo-stream-description{grid-column:1/-1}.demo-app .demo-event-stream{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-app .demo-event-stream .demo-event:nth-child(n+4){display:none}.demo-app .demo-event:after{display:none}.demo-app .demo-budget-summary{margin:0;padding:7px 0 0;border:0}.demo-app .demo-text-button{align-self:start}.demo-app .demo-steps{gap:9px}.demo-app .demo-topbar,.demo-app .demo-heading{padding-left:22px;padding-right:22px}.demo-app .demo-scenario-strip{padding-left:22px;padding-right:22px}.demo-app .demo-policy-banner,.demo-app .demo-metrics,.demo-app .demo-content-grid{margin-left:22px;margin-right:22px}.demo-app .demo-console-footer{padding-left:22px;padding-right:22px}.demo-app .demo-metric{padding:0 13px}}
@media(max-width:850px){.demo-app .demo-shell{grid-template-columns:1fr;min-height:0}.demo-app .demo-rail{padding:13px 18px;flex-direction:row;align-items:center;gap:24px}.demo-app .demo-rail-brand>span:last-child{display:none}.demo-app .demo-nav-label,.demo-app .demo-rail-bottom{display:none}.demo-app .demo-navigation{display:flex;gap:5px;flex:1}.demo-app .demo-nav-button{width:auto;padding:8px 10px;font-size:11px;gap:6px}.demo-app .demo-nav-button.is-active{box-shadow:none}.demo-app .demo-nav-count{display:none}.demo-app .demo-topbar{height:43px}.demo-app .demo-heading{padding-top:25px}.demo-app .demo-heading h1{font-size:28px}.demo-app .demo-heading-actions{gap:5px}.demo-app .demo-content-grid{margin-bottom:18px}}
@media(max-width:620px){.demo-app .demo-shell{border-radius:10px}.demo-app .demo-rail{gap:11px;padding:10px 12px}.demo-app .demo-brand-symbol,.demo-app .demo-brand-symbol svg{width:25px;height:25px}.demo-app .demo-navigation{justify-content:space-between;gap:0}.demo-app .demo-nav-button{font-size:10px;gap:4px;padding:8px 6px}.demo-app .demo-nav-button svg{display:none}.demo-app .demo-topbar{padding:0 16px;font-size:9px}.demo-app .demo-simulation-tag{font-size:7px}.demo-app .demo-heading{align-items:flex-start;flex-direction:column;padding:23px 16px 20px;gap:17px}.demo-app .demo-heading h1{font-size:29px}.demo-app .demo-intro{font-size:11px}.demo-app .demo-button{font-size:11px;min-height:37px;padding:8px 13px}.demo-app .demo-heading-actions{width:100%;justify-content:flex-end;flex-direction:row-reverse;gap:8px}.demo-app .demo-scenario-strip{flex-direction:column;align-items:flex-start;gap:14px;padding:0 16px 18px}.demo-app .demo-scenario-picker{width:100%}.demo-app .demo-scenario-picker select{font-size:11px;flex:1}.demo-app .demo-steps{gap:20px;font-size:9px}.demo-app .demo-policy-banner{flex-wrap:wrap;gap:10px;margin:0 16px;padding:12px}.demo-app .demo-policy-copy{flex-basis:calc(100% - 45px)}.demo-app .demo-policy-copy strong{font-size:11px}.demo-app .demo-policy-copy>span{font-size:10px}.demo-app .demo-button-update{margin-left:43px;font-size:10px;min-height:32px;padding:6px 10px}.demo-app .demo-metrics{grid-template-columns:repeat(2,1fr);row-gap:19px;margin:20px 16px;padding-bottom:20px}.demo-app .demo-metric{padding:0 18px}.demo-app .demo-metric:nth-child(3){padding-left:0;border:0}.demo-app .demo-metric>span{font-size:10px}.demo-app .demo-metric>p{font-size:8px}.demo-app .demo-content-grid{margin:0 16px 18px}.demo-app .demo-panel-heading{padding:18px 14px 14px;flex-wrap:wrap;gap:8px}.demo-app .demo-panel-heading h2{font-size:12px}.demo-app .demo-mini-label{font-size:6px}.demo-app .demo-table-controls{padding:0 14px 14px;gap:7px}.demo-app .demo-search{max-width:none}.demo-app .demo-search input{font-size:10px}.demo-app .demo-table-controls select{font-size:10px;max-width:125px}.demo-app .demo-table-footer{padding:11px 14px;font-size:7px}.demo-app .demo-table-footer>span:last-child{max-width:160px;text-align:right}.demo-app .demo-boundary-note{padding:12px 14px}.demo-app .demo-boundary-note p{font-size:9px}.demo-app .demo-evidence-panel{display:block;padding:18px 14px}.demo-app .demo-event-stream{grid-template-columns:1fr;gap:16px;margin-top:17px}.demo-app .demo-event-stream .demo-event:nth-child(n+3){display:none}.demo-app .demo-event-meta{font-size:8px}.demo-app .demo-event h3{font-size:10px}.demo-app .demo-event p{font-size:9px}.demo-app .demo-event:after{display:block}.demo-app .demo-event:nth-child(2):after{display:none}.demo-app .demo-budget-summary{margin-top:15px;padding-top:15px;border-top:1px solid #e8eddf}.demo-app .demo-text-button{font-size:10px}.demo-app .demo-budget-summary>div:first-child{font-size:9px}.demo-app .demo-budget-summary strong{font-size:9px}.demo-app .demo-console-footer{padding:0 16px 17px;flex-direction:column;gap:7px;font-size:9px}.demo-app .demo-ledger-event{grid-template-columns:54px minmax(0,1fr);gap:10px}.demo-app .demo-ledger-outcome{grid-column:2;text-align:left}.demo-app .demo-ledger-body>p{font-size:9px}.demo-app .demo-rule{grid-template-columns:80px minmax(0,1fr);gap:10px}.demo-app .demo-detail dl{grid-template-columns:1fr 1fr}.demo-app .demo-evidence-intro{font-size:8px}.demo-app .demo-export{font-size:9px;padding:6px 9px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.demo-app *{transition:none!important;scroll-behavior:auto!important}}
.demo-app .demo-scenario-context{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;margin:0 28px 19px;padding:0 0 16px;border-bottom:1px solid var(--demo-line)}
.demo-app .demo-scenario-context h2{font-size:12px;font-weight:600;color:#40583a;line-height:1.5;margin-bottom:5px;letter-spacing:-.1px}
.demo-app .demo-scenario-context p{font-size:10px;line-height:1.8;color:#718067;max-width:650px}
.demo-app .demo-context-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px}
.demo-app .demo-inline-button{border:0;padding:3px 0;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#557243;font-size:10px;font-weight:500;line-height:1.5;text-align:left}
.demo-app .demo-inline-button:hover{color:#254616;text-decoration:underline;text-underline-offset:3px}
.demo-app .demo-share-fallback{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:9px;border-top:1px solid var(--demo-line)}
.demo-app .demo-share-fallback label{font-size:9px;line-height:1.6;color:#798a6b;max-width:240px}
.demo-app .demo-share-fallback input{min-width:0;flex:1;border:1px solid #dce5d3;border-radius:4px;padding:7px 9px;background:#fff;color:#4e6d3b;font:9px var(--demo-mono)}
.demo-app .demo-clear-filters{font-size:9px;min-width:30px}
.demo-app .demo-comparison-scroll{overflow-x:auto;scrollbar-width:thin}
.demo-app .demo-comparison-table{width:100%;min-width:435px;border-collapse:collapse;text-align:left;table-layout:fixed}
.demo-app .demo-comparison-table thead th{padding:12px 15px;font-size:9px;font-weight:500;line-height:1.7;color:#748969;background:#f9fbf5;border-top:1px solid #e8eddf;border-bottom:1px solid #e8eddf}
.demo-app .demo-comparison-table thead th:first-child{width:28%;padding-left:18px}
.demo-app .demo-comparison-table tbody th{font-size:10px;font-weight:500;color:#597349;padding:15px 12px 15px 18px;line-height:1.7;border-bottom:1px solid #edf0e7}
.demo-app .demo-comparison-table tbody td{font-size:10px;line-height:1.75;color:#7a8e6c;padding:15px;border-bottom:1px solid #edf0e7;vertical-align:top}
.demo-app .demo-comparison-table tbody td:last-child{background:#f6faef;color:#4f703b}
.demo-app .demo-comparison-table .demo-version{margin-right:4px;font-size:8px}
.demo-app .demo-active-rules{margin:13px 18px 0;border-bottom:1px solid #e5ebdc}
.demo-app .demo-active-rules summary{padding:9px 0 13px;color:#647d53;font-size:10px;font-weight:500;cursor:pointer;list-style-position:inside}
.demo-app .demo-active-rules .demo-rule-list{padding:0}
.demo-app .demo-export-actions{display:flex;gap:6px;flex-wrap:wrap}
.demo-app .demo-export-actions .demo-button{font-size:9px;padding:7px 9px}
.demo-app .demo-export-note{margin:0 18px 17px;color:#7f9272;font-size:9px;line-height:1.7}
.demo-app .demo-result{margin:0 28px 21px;padding:18px 20px;border:1px solid #dce6ce;border-radius:7px;background:#f1f6e9}
.demo-app .demo-result-heading{display:flex;align-items:center;gap:11px}
.demo-app .demo-result-check{display:grid;place-items:center;background:#ddeaC9;border:1px solid #cfdfb7;color:#5b7d3d;border-radius:50%;height:30px;width:30px;flex-shrink:0;font-size:15px}
.demo-app .demo-result .demo-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:3px}
.demo-app .demo-result h2{font-size:15px;font-weight:550;line-height:1.4;color:#3b582b;letter-spacing:-.3px}
.demo-app .demo-result>p{font-size:10px;line-height:1.8;color:#75876a;margin:11px 0 14px;max-width:780px}
.demo-app .demo-result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.demo-app .demo-result-actions .demo-button{font-size:9px;min-height:31px;padding:7px 10px}
.demo-app .demo-result-actions .demo-inline-button{margin-left:auto;font-size:9px}
.demo-app .demo-detail-close{min-width:28px;min-height:28px}
.demo-app summary:focus-visible,.demo-app [tabindex]:focus-visible{outline:3px solid #7ab537;outline-offset:3px}
@media(max-width:1160px){.demo-app .demo-scenario-context,.demo-app .demo-result{margin-left:22px;margin-right:22px}}
@media(max-width:620px){.demo-app .demo-scenario-context{grid-template-columns:1fr;gap:10px;margin:0 16px 16px;padding-bottom:14px}.demo-app .demo-scenario-context h2{font-size:12px}.demo-app .demo-scenario-context p{font-size:10px}.demo-app .demo-context-actions{flex-direction:row;justify-content:flex-start;gap:19px}.demo-app .demo-inline-button{font-size:10px;min-height:29px}.demo-app .demo-share-fallback{flex-direction:column;align-items:stretch;gap:7px}.demo-app .demo-share-fallback label{max-width:none}.demo-app .demo-share-fallback input{font-size:10px;padding:9px}.demo-app .demo-table-controls{flex-wrap:wrap}.demo-app .demo-clear-filters{padding:0;font-size:9px}.demo-app .demo-comparison-table{min-width:430px}.demo-app .demo-comparison-table tbody th,.demo-app .demo-comparison-table tbody td{font-size:9px}.demo-app .demo-export-actions .demo-button{min-height:32px;font-size:9px}.demo-app .demo-result{margin:0 16px 18px;padding:16px 14px}.demo-app .demo-result h2{font-size:14px}.demo-app .demo-result>p{font-size:10px}.demo-app .demo-result-actions{gap:8px}.demo-app .demo-result-actions .demo-button{font-size:9px}.demo-app .demo-result-actions .demo-inline-button{margin-left:0;width:100%;justify-content:flex-start;padding:5px 0}.demo-app .demo-export-note{font-size:9px}}