:root{--night:#121517;--asphalt:#2e3133;--asphalt-3:#44494c;--paint:#f2f1ec;--muted:#a6aaac;--lane:#2fa36b;--curb:#e0362c;--line:#f5c518;--ink:#263a30;--paper:#f4f2eb;--border:#d8d9cd;--glass:rgba(16,19,21,.78)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font:400 16px/1.45 Georgia,'Times New Roman',serif}button,input,select{font:inherit}a{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);border-radius:3px;padding:9px 13px;background:transparent;color:inherit}button:hover,a:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #d7a944;outline-offset:3px}[hidden]{display:none!important}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;border-bottom:1px solid var(--border);position:relative;z-index:5;background:var(--paper)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:27px;letter-spacing:-1px}.brand svg{width:36px;height:36px;padding:5px;background:var(--ink);color:var(--paper);border-radius:3px}.edition,.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.find-button{display:flex;gap:25px;text-decoration:none;align-items:center;border:1px solid #bcc6b9;padding:9px 14px;font-size:14px}.find-button span{font-size:19px}.error-banner{position:fixed;top:68px;left:0;right:0;z-index:20;padding:10px 22px;color:#7d2c25;background:#fff2dd;font-size:14px}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cockpit{position:relative;height:calc(100dvh - 68px);overflow:hidden;color:var(--paint);background:linear-gradient(180deg,#111923 0%,#283446 58%,#121517 100%)}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%;touch-action:none}.scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,12,.75),transparent 45%),linear-gradient(0deg,rgba(8,10,12,.25),transparent 35%)}.head{position:absolute;left:28px;top:25px;max-width:min(420px,40vw)}.head .eyebrow{color:#bdc8c2;margin:0 0 13px}.head h1{font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.7px;line-height:1.13;margin:0 0 16px}.recommendation{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid rgba(242,241,236,.3);padding:13px 0;font-size:21px;text-decoration:none}.recommendation span:last-child{color:#a9cdaf}.head .sub{font-size:12px;color:#bdc8c2;margin:14px 0 18px}.go{background:var(--paint);color:var(--night);border-color:var(--paint);padding:11px 18px}.empty-insight{font-size:14px;color:var(--muted)}.playing .head h1{font-size:30px}.speed{position:absolute;right:28px;top:25px;color:#dcca85;letter-spacing:1px;font-size:12px;opacity:0;pointer-events:none}.speed.on{opacity:1}
.card{position:absolute;left:28px;bottom:124px;width:min(350px,35vw);padding:12px 15px;background:var(--glass);backdrop-filter:blur(12px);border-left:3px solid #7d8285}.card.v-hidden{border-left-color:var(--curb)}.card.v-part{border-left-color:var(--line)}.card.v-clear{border-left-color:var(--lane)}.ch{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center}.disc{width:28px;height:28px;border:1px solid #798784;display:grid;place-items:center;border-radius:50%;font-size:15px}.ch h2{font-size:17px;line-height:1.25;font-weight:400;margin:0}.ch p{font-size:11px;margin:4px 0 0;color:var(--muted)}.aps{display:grid;gap:10px;margin-top:12px}.ap-h{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.ap-h span:last-child{color:#c5cbc6}.meter{position:relative;height:6px;background:#424746}.meter.strip i{position:absolute;inset:0 auto}.meter .stop{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--paint)}.meter.off{background:repeating-linear-gradient(90deg,#5b6366 0 8px,transparent 8px 14px)}.scale{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px;margin-top:4px}.next{font-size:17px;margin:0}.hint{font-size:11px;color:var(--muted);margin:4px 0 0}.mini{position:absolute;right:28px;bottom:124px;width:210px;height:145px;background:rgba(16,19,21,.6);border:1px solid rgba(242,241,236,.15)}.bar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:70px minmax(80px,1fr) 110px;gap:12px;padding:12px 28px;background:linear-gradient(0deg,rgba(8,10,12,.96),rgba(8,10,12,.67))}.bar button{border-color:#59645e;font-size:13px;color:var(--paint)}#play{width:70px}#scrub{display:block;width:100%;height:34px;cursor:pointer}.clock{font-size:12px;align-self:center;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.views{grid-column:1/-1;display:flex;justify-content:center;gap:5px}.views button{padding:6px 12px}.views button[aria-pressed=true]{background:var(--paint);color:var(--night)}
.detail .cockpit{visibility:hidden;position:absolute;inset:68px 0 0;pointer-events:none}.policy-report{position:absolute;inset:68px 0 0;display:flex;flex-direction:column;padding:26px max(24px,calc((100vw - 1080px)/2));gap:14px;min-height:0}.report-head>a{text-decoration:none;font-size:13px;display:block;margin-bottom:12px}.report-head>.eyebrow{color:#5f7062}.report-head h1{font-weight:400;font-size:clamp(28px,3.5vw,47px);line-height:1.1;letter-spacing:-.7px;margin:9px 0 0}.report-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:10px;flex-wrap:wrap}.report-tabs button{font-size:14px;padding:8px 13px;border-color:transparent}.report-tabs [aria-selected=true]{background:var(--ink);color:var(--paper)}.report-content{flex:1;min-height:0;position:relative;padding:12px 0;display:flex;flex-direction:column;gap:15px}.report-content h2{font-size:clamp(23px,2.5vw,34px);font-weight:400;line-height:1.2;max-width:25ch;margin:0}.report-content p{max-width:68ch;margin:0}.large-copy{font-size:clamp(16px,1.8vw,23px);line-height:1.5}.small-note{font-size:13px;color:#637061}.report-content>.primary{align-self:start;margin-top:5px}.policy-metrics{display:flex;gap:40px;padding:22px 0;border-block:1px solid var(--border)}.policy-metrics strong{display:block;font-size:clamp(35px,5vw,65px);font-weight:400;line-height:1.1}.policy-metrics span{font-size:13px;color:#637061}.review-image{flex:1;min-height:0;margin:0;display:flex;flex-direction:column;gap:12px}.review-image img{min-height:0;max-height:calc(100% - 40px);width:100%;object-fit:contain;object-position:left center}.review-image figcaption{font-size:13px;color:#637061}.pager{display:flex;gap:14px;align-items:center;margin-top:10px;font-size:13px}.pager span{min-width:40px;text-align:center}.analysis-copy{font-size:16px;line-height:1.6}.source-list{display:grid;grid-template-columns:140px 1fr;gap:10px 20px;margin:0;font-size:14px}.source-list dt{color:#637061}.source-list dd{margin:0;overflow-wrap:anywhere}.video-slot{min-height:0;flex:1}.pip{margin:0;height:100%;display:flex;flex-direction:column;background:#151c1a;color:var(--paint)}.pip .frame{position:relative;flex:1;min-height:0}.pip video,.pip canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pip canvas{pointer-events:none}.pip figcaption{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12px}.pip figcaption button{padding:5px 8px;font-size:12px;border-color:#69756b}.evidence-links{display:flex;gap:8px;flex-wrap:wrap}.evidence-link{font-size:12px}
/* Discovery stays in the viewport. Results and explanatory copy use pagination. */
.workspace{height:calc(100dvh - 68px);display:flex;flex-direction:column;padding:25px 28px;gap:18px;min-height:0}.workspace h1{font-weight:400;letter-spacing:-.7px;font-size:clamp(26px,3vw,42px);margin:0}.workspace p{margin:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.workspace-heading p{font-size:13px;color:#637061}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{display:grid;gap:4px;font-size:12px;color:#637061}.filters select{color:var(--ink);background:transparent;border:1px solid var(--border);padding:8px;max-width:210px;font-size:14px}.discovery-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:30px;flex:1;min-height:0}.candidate-side{display:flex;flex-direction:column;gap:10px;min-height:0}.candidates{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));flex:1;min-height:0;gap:8px}.candidate{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:left;padding:12px 16px;border-color:var(--border);background:#fbfaf5;gap:5px;min-height:0}.candidate[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 3px 0 var(--ink)}.candidate strong{font-weight:400;font-size:18px}.candidate span{font-size:12px;color:#637061}.candidate .snippet{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-side{min-height:0;display:flex;flex-direction:column;gap:12px}.preview-media{min-height:0;flex:1;background:#202a26;display:grid;place-items:center;position:relative}.preview-media video,.preview-media canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.preview-media canvas{pointer-events:none}.preview-empty{color:#bcc6b9;text-align:center;padding:20px}.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-actions p{font-size:13px;color:#637061}.candidate-tabs{display:none}.run-layout{display:flex;flex-direction:column;max-width:850px;gap:24px}.run-layout h2{font-size:32px;font-weight:400;margin:0}.run-steps{display:flex;gap:12px;flex-wrap:wrap}.run-steps span{padding:8px 12px;border:1px solid var(--border);font-size:14px}.run-steps .active{background:var(--ink);color:var(--paper)}.run-steps .done{color:#2d7548}.run-meta{font-size:13px;color:#637061;overflow-wrap:anywhere}.run-progress{height:4px;background:#d8d9cd}.run-progress i{height:100%;background:var(--ink);display:block}.run-actions{display:flex;gap:12px;align-items:center}.run-actions a{text-decoration:none;padding:9px 13px;border:1px solid var(--ink)}.run-list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.run-list-row a{text-decoration:none}.loading-message{font-size:14px;color:#637061}
@media(max-width:700px){.topbar{height:56px;padding:0 15px}.brand{font-size:23px;gap:8px}.brand svg{width:30px;height:30px}.edition{display:none}.find-button{font-size:12px;padding:7px 10px;gap:12px}.error-banner{top:56px;font-size:12px}.cockpit,.workspace{height:calc(100dvh - 56px)}.head{left:18px;top:18px;max-width:min(320px,75vw)}.head h1,.playing .head h1{font-size:27px;margin-bottom:12px}.head .eyebrow{font-size:9px}.recommendation{font-size:17px;padding:10px 0}.head .sub{font-size:11px;margin:10px 0 13px}.go{font-size:13px;padding:9px 12px}.mini{display:none}.card{left:18px;bottom:116px;width:min(300px,calc(100vw - 36px));padding:10px 12px}.card .scale{font-size:8px}.speed{right:16px;top:auto;bottom:116px;font-size:10px}.bar{padding:10px 14px;gap:8px;grid-template-columns:58px minmax(70px,1fr) 85px}.bar button{font-size:11px}#play{width:58px}.clock{font-size:10px}.views{justify-content:space-between;gap:3px}.views button{padding:7px 8px;font-size:11px}.policy-report{inset:56px 0 0;padding:18px;gap:12px}.detail .cockpit{inset:56px 0 0}.report-head>a{margin-bottom:10px;font-size:12px}.report-head h1{font-size:29px}.report-tabs{gap:3px;padding-bottom:7px}.report-tabs button{padding:7px 10px;font-size:12px}.report-content{gap:12px;padding:5px 0}.report-content h2{font-size:25px}.large-copy{font-size:17px}.small-note{font-size:12px}.policy-metrics{gap:15px;padding:18px 0}.policy-metrics strong{font-size:38px}.policy-metrics span{font-size:11px;display:block;max-width:95px}.analysis-copy{font-size:14px}.source-list{grid-template-columns:84px 1fr;gap:10px;font-size:12px}.pager{gap:8px;font-size:12px}.pager button{padding:7px 9px;font-size:12px}.review-image figcaption{font-size:11px}.workspace{padding:18px;gap:12px}.workspace-heading{display:block}.workspace-heading p{margin-top:5px;font-size:12px}.filters{gap:8px}.filters select{max-width:145px;font-size:12px;padding:7px}.filters label{font-size:10px}.filters button{font-size:12px;padding:8px 12px}.discovery-grid{display:block;position:relative;min-height:0}.candidate-side,.preview-side{height:100%}.preview-side{display:none}.discovery-grid.show-preview .candidate-side{display:none}.discovery-grid.show-preview .preview-side{display:flex}.candidate-tabs{display:flex;gap:8px}.candidate-tabs button{font-size:12px;padding:6px 12px}.candidate-tabs [aria-pressed=true]{background:var(--ink);color:var(--paper)}.candidate strong{font-size:17px}.candidate{padding:10px 13px}.preview-actions{flex-wrap:wrap}.preview-actions button{font-size:12px}.run-layout{gap:18px}.run-layout h2{font-size:27px}.run-steps{gap:6px}.run-steps span{font-size:12px;padding:6px 8px}}
@media(max-height:650px){.head h1,.playing .head h1{font-size:24px}.head .sub{margin:8px 0}.head .eyebrow{margin-bottom:8px}.card{bottom:110px}.aps{gap:7px;margin-top:8px}.report-head h1{font-size:25px}.report-head>a{margin-bottom:6px}.policy-report{padding-top:12px;gap:8px}.report-content{gap:8px}.report-content h2{font-size:22px}.large-copy{font-size:15px}.analysis-copy{font-size:13px;line-height:1.5}.small-note{font-size:11px}.source-list{gap:6px}.workspace{padding:12px 18px;gap:9px}.workspace h1{font-size:25px}.candidate .snippet{display:none}.run-layout{gap:12px}.run-layout h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.insights-pager{font-size:11px;gap:9px}.insights-pager button{border-color:#607167;font-size:11px;padding:5px 8px;color:var(--paint)}
/* One source-video clock drives both the inset and the reconstructed street. */
.story-video{position:absolute;top:22px;right:28px;width:clamp(300px,32vw,500px);height:auto;z-index:2;border:1px solid #53605a;box-shadow:0 12px 35px #0005}
.story-video .frame{flex:none;aspect-ratio:16/9}.story-video figcaption{padding:7px 10px}.story-video figcaption button{font-size:11px}
.video-collapsed .story-video{display:none}.cockpit>.speed{left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:700px){.story-video{top:auto;right:18px;bottom:300px;width:min(300px,65vw)}.story-video figcaption{font-size:10px;padding:5px 8px}.story-video figcaption button{font-size:10px;padding:4px 6px}.views button{padding:7px 6px}.cockpit>.speed{display:none}}
@media(max-width:700px) and (max-height:719px){.story-video{bottom:116px;width:min(280px,70vw)}body:not(.video-collapsed):not(.detail) .card{display:none}}

/* Playback belongs to the story timeline, never the browser media chrome. */
.pip video{pointer-events:none}.pip video::-webkit-media-controls{display:none!important}
