.demo-layout{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:0 .5rem 2rem}.demo{--accent:#6eb5ff;--accent-dim:#3d6a99;--pass:#8fd694;--fail:#f28b82;--warn:#e8b86d;--card:#151922;--card-elevated:#1a1f2a;--border:#2a3140;--text-muted:#9aa0a6;--banner-bg:linear-gradient(90deg, #1a2332 0%, #141a24 50%, #1a2332 100%)}.read-only-banner{background:var(--banner-bg);border:1px solid #3a4a62;border-radius:10px;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;display:flex;box-shadow:inset 0 1px #6eb5ff14}.banner-icon{color:var(--accent);margin-top:.15rem;font-size:1.25rem;line-height:1}.read-only-banner strong{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem;font-size:.88rem;display:block}.read-only-banner p{color:#b8c0cc;margin:0;font-size:.88rem;line-height:1.45}.demo-hero{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding:.5rem 0 1.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .5rem;font-size:.7rem;font-weight:600}.demo-hero h1{letter-spacing:-.02em;margin:0 0 .65rem;font-size:1.85rem;font-weight:650;line-height:1.2}.lede{color:#b8c0cc;max-width:54rem;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.hero-badges{flex-wrap:wrap;gap:.45rem;display:flex}.badge.inert{color:#c5cad3;background:#2b2f3d;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.badge.phase{color:#8eb8e8;background:#1f2a3d;border:1px solid #334155;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.gate{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.gate.pass{color:var(--pass);background:#1e3a24}.gate.fail{color:var(--fail);background:#3d1f1f}.gate.muted{color:var(--text-muted);background:#252a35}.authority-strip{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.authority-step{flex-direction:column;gap:.1rem;display:flex}.authority-step.highlight{border:1px solid var(--accent-dim);background:#1f2a38;border-radius:6px;padding:.25rem .5rem}.authority-step a{color:var(--accent)}.step-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem}.step-detail{color:#c5cad3}.authority-arrow{color:#4a5568;font-size:.9rem}.metric-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.metric-card{border:1px solid var(--border);background:#121722;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;padding:.85rem .95rem;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.metric-card strong{color:#eef1f6;font-size:1.25rem;line-height:1}.metric-note{color:#aeb6c2;font-size:.78rem;line-height:1.35}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;min-width:0;padding:1.15rem 1.25rem}.engagement-card,.boundary-card,.custody-card{background:var(--card-elevated)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;margin-bottom:.9rem;display:flex}.card h2{color:#eef1f6;margin:0;font-size:.95rem;font-weight:600}.card-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.kv{grid-template-columns:7.5rem minmax(0,1fr);gap:.4rem .75rem;min-width:0;margin:0;display:grid}.kv.compact{grid-template-columns:6.5rem minmax(0,1fr)}.kv dt{color:#8b939e;font-size:.8rem}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.88rem;line-height:1.4}.card code,.authority-step code,.receipt-name,.hash{overflow-wrap:anywhere;word-break:break-word}.break{word-break:break-all;font-size:.8rem}.tags{flex-wrap:wrap;gap:.35rem;margin-top:.9rem;display:flex}.tag{border:1px solid var(--border);color:#aeb6c2;background:#1f2633;border-radius:6px;padding:.15rem .45rem;font-size:.76rem}.not-enabled{border-top:1px solid var(--border);margin-top:1rem;padding-top:.85rem}.chip-list{flex-wrap:wrap;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.chip-list li{color:#b8a8c8;background:#1a1520;border:1px solid #3d3048;border-radius:6px;padding:.15rem .45rem;font-size:.72rem}.empty-state{padding:.5rem 0}.verify-list{margin:0;padding:0;list-style:none}.verify-list li{border-bottom:1px solid #222833;padding:.55rem 0}.verify-list li:last-child{border-bottom:none}.verify-row{align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.verify-kind{font-size:.85rem}.findings{border-top:1px solid var(--border);margin-top:1rem;padding-top:.85rem}.finding-list{margin:.5rem 0 0;padding:0;list-style:none}.finding-list li{flex-wrap:wrap;align-items:center;gap:.45rem;padding:.35rem 0;font-size:.82rem;display:flex}.severity{text-transform:uppercase;border-radius:4px;padding:.1rem .35rem;font-size:.68rem;font-weight:600}.severity.critical{color:var(--fail);background:#3d1f1f}.severity.medium{color:var(--warn);background:#3d3520}.receipt-list{margin:0;padding:0;list-style:none}.receipt-list li{border-bottom:1px solid #222833;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.receipt-list li:last-child{border-bottom:none}.receipt-name{font-size:.8rem;line-height:1.3}.hash{color:var(--accent);font-family:ui-monospace,monospace;font-size:.72rem}.verify-placeholder p{margin:0 0 .65rem;font-size:.88rem;line-height:1.45}.verify-placeholder a{color:var(--accent)}.placeholder-action.disabled{color:var(--text-muted);text-align:center;cursor:not-allowed;background:#11151c;border:1px dashed #3a4254;border-radius:8px;margin-top:.85rem;padding:.55rem .75rem;font-size:.82rem}.custody-list{color:#c5cad3;margin:0;padding:0 0 0 1.1rem;font-size:.88rem;line-height:1.5}.custody-list li{margin-bottom:.65rem}.custody-list li:last-child{margin-bottom:0}.custody-list strong{color:#eef1f6}.proven-panel{background:linear-gradient(#141a24 0%,#11151c 100%);border-color:#334155}.proven-cols{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.proven-cols h2{margin:0 0 .35rem;font-size:.95rem}.panel-lede{margin:0 0 .65rem}.stack{margin:0;padding:0;list-style:none}.stack li{border-bottom:1px solid #222833;padding:.4rem 0;font-size:.86rem;line-height:1.4}.stack li:last-child{border-bottom:none}.stack.check li:before{content:"✓ ";color:var(--pass);font-weight:700}.stack.warn li:before{content:"○ ";color:var(--warn)}.small{font-size:.8rem}.strong{color:#d0d5dc;font-weight:600}.muted{color:var(--text-muted)}.demo-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex}.demo-foot a{color:var(--accent)}.demo-back{margin:0 0 .75rem;font-size:.88rem}.demo-back a{color:var(--accent)}.engagement-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.engagement-card-link{color:inherit;text-decoration:none;display:block}.picker-card{height:100%;transition:border-color .15s,box-shadow .15s}.engagement-card-link:hover .picker-card,.engagement-card-link:focus-visible .picker-card{border-color:var(--accent-dim);box-shadow:0 0 0 1px #6eb5ff26}.picker-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem;display:flex}.picker-card-head h2{color:#eef1f6;margin:0;font-size:1rem;line-height:1.35}.picker-id{margin:0 0 .45rem}.picker-id code{word-break:break-all;font-size:.78rem}.picker-roe{margin:0 0 .65rem;font-size:.85rem;line-height:1.4}.picker-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.picker-cta{color:var(--accent);font-size:.82rem;font-weight:600}.picker-empty{margin-bottom:1.5rem}.picker-empty h2{margin:0 0 .5rem;font-size:1rem}@media (max-width:900px){.metric-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid{grid-template-columns:minmax(0,1fr)}.span-2,.span-3{grid-column:span 1}.proven-cols{grid-template-columns:1fr}.authority-strip{flex-direction:column;align-items:flex-start}.authority-arrow{display:none}}@media (max-width:520px){.demo-layout{padding-inline:0}.demo-hero h1{font-size:1.65rem}.read-only-banner,.card,.metric-card,.authority-strip{border-radius:8px}.metric-rail{grid-template-columns:1fr}.card{padding:1rem}.kv,.kv.compact{grid-template-columns:1fr;gap:.15rem 0}.kv dt{margin-top:.45rem}.receipt-list li{grid-template-columns:minmax(0,1fr);align-items:start;gap:.2rem}.picker-card-head{align-items:flex-start}}