#demoJourney{width:min(1040px,calc(100vw - 48px));max-width:1040px;max-height:calc(100dvh - 48px);padding:0;border:1px solid #ced8e5;border-radius:12px;background:#f8fafc;color:#182235;font:14px/1.55 "IBM Plex Sans",system-ui,sans-serif;box-shadow:0 24px 100px #0005}
#demoJourney::backdrop{background:#091523b8}
#demoJourney *{box-sizing:border-box}
#demoJourney :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ccd6e5;border-radius:6px;background:#fff;color:#164dae;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
#demoJourney button:disabled{color:#637084;background:#eef1f5;cursor:not-allowed}
#demoJourney :is(button,a,textarea):focus-visible{outline:3px solid #2360ee;outline-offset:3px}
#demoJourney .dj-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;background:#101a29;color:white}
#demoJourney .dj-header small{display:block;color:#c2cddd;font-size:12px}
#demoJourney .dj-progress{display:grid;grid-template-columns:repeat(6,1fr);background:white;border-bottom:1px solid #dce3eb}
#demoJourney .dj-progress span{padding:14px 8px;text-align:center;color:#56657a}
#demoJourney [aria-current=step]{color:#164dae!important;box-shadow:inset 0 -3px #245eee;background:#edf3ff}
#demoJourney .dj-content{padding:28px}
#demoJourney h2{margin:0 0 12px;font-size:26px;line-height:1.25;letter-spacing:-.025em}
#demoJourney h3{font-size:18px;line-height:1.4}
#demoJourney .dj-content>p{max-width:780px}
#demoJourney .dj-evidence{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin:24px 0}
#demoJourney :is(.dj-paper,.dj-packet,.dj-proof){padding:24px;border:1px solid #d6deea;border-radius:8px;background:white;margin:20px 0}
#demoJourney .dj-evidence .dj-paper{margin:0}
#demoJourney .dj-paper header{display:grid;gap:8px;border-bottom:1px solid #ccd5e3;padding-bottom:16px}
#demoJourney .dj-paper header b{font-size:20px}
#demoJourney .dj-label,#demoJourney .dj-paper header>span{color:#406286;font-size:12px;letter-spacing:.05em;font-weight:600}
#demoJourney dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #e5eaf1}
#demoJourney dt{color:#536277}
#demoJourney dd{margin:0;text-align:right;font-weight:500}
#demoJourney table{width:100%;border-collapse:collapse;font-size:13px}
#demoJourney caption{text-align:left;margin:16px 0 8px;color:#526378}
#demoJourney :is(td,th){padding:12px 8px;border:1px solid #d6deea;text-align:left}
#demoJourney .dj-highlight{background:#fff1c5}
#demoJourney .dj-paper p{font-size:12px;color:#657184}
#demoJourney .dj-actions{display:flex;flex-wrap:wrap;gap:10px}
#demoJourney .dj-rationale{display:grid;gap:8px;margin:20px 0}
#demoJourney textarea{width:100%;padding:12px;border:1px solid #bccadd;border-radius:6px;font:inherit;font-size:16px}
#demoJourney #djValidation{color:#a32a28}
#demoJourney .dj-footer{padding:18px 28px;border-top:1px solid #dbe2ec;background:white;display:grid;gap:12px}
#demoJourney .dj-footer>span{font-size:12px;color:#5d6b7e}
#demoJourney summary{cursor:pointer;min-height:36px}
@media(max-width:620px){
 #demoJourney{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 #demoJourney .dj-progress{grid-template-columns:repeat(3,1fr);font-size:12px}
 #demoJourney :is(.dj-content,.dj-header,.dj-footer){padding:18px}
 #demoJourney .dj-evidence{grid-template-columns:1fr}
 #demoJourney .dj-actions{flex-direction:column}
 #demoJourney h2{font-size:23px}
 #demoJourney :is(.dj-paper,.dj-packet,.dj-proof){padding:16px}
 #demoJourney :is(td,th){padding:8px 5px}
}
#demoJourneyEntry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#eef4ff;border-bottom:1px solid #cfddf5;color:#182b4a;font:14px/1.5 "IBM Plex Sans",system-ui,sans-serif}
#demoJourneyEntry>div{display:grid;gap:4px}
#demoJourneyEntry span{color:#4b607c;font-size:13px}
#demoJourneyLaunch{min-height:44px;padding:10px 16px;border:0;border-radius:6px;background:#245eee;color:white;font:inherit;font-weight:600;cursor:pointer;flex:none}
@media(max-width:620px){#demoJourneyEntry{align-items:stretch;flex-direction:column;padding:16px}#demoJourneyLaunch{width:100%}}
#demoJourney .dj-header{position:sticky;top:0;z-index:2}
#demoJourney{overscroll-behavior:contain}