/* Full-frame comparisons and native diagrams. All text inherits Newsreader. */
.coming-soon{color:var(--muted);background:#f5f6f8;cursor:default}
.rollout-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;font-size:1.08rem}.rollout-toolbar p{font-variant-numeric:tabular-nums}.rollout-toolbar .button{flex-shrink:0}.video-frame{display:block;width:min(100%,320px);height:auto;margin:auto;background:#f3f6fa}.incorrect-boundary{outline:4px solid #c63342;outline-offset:-4px}.full-frame-controls{max-width:900px}.full-frame-controls input[type=range]{width:100%;min-width:0;accent-color:var(--blue);cursor:pointer;min-height:36px}.playback-row{display:flex;align-items:center;gap:1rem;margin:.4rem 0}.play-button{background:white;border:1px solid var(--rule);border-radius:4px;min-height:44px;min-width:72px;font-size:1rem;color:var(--blue);cursor:pointer}.boundary-buttons button{font-size:1rem;padding:.35rem .2rem;border-bottom:2px solid #c8d6d0}.boundary-buttons button.incorrect-move{color:var(--red);border-bottom-color:#c63342}.boundary-buttons button[aria-pressed=true]{border-color:var(--blue);background:#edf3fa}.boundary-buttons button.incorrect-move[aria-pressed=true]{border-color:#c63342;background:#fff1f2}#state-score{color:var(--muted)}#state-score.correct,.frame-verdict.correct{color:#1c624d}#state-score.incorrect,.frame-verdict.incorrect{color:var(--red)}#rollout-loading,#observation-loading{text-align:center;margin:1rem auto}.frame-verdict{font-size:.95rem;min-height:1.5em;margin:.4rem 0;color:var(--muted)}
.task-facts{grid-template-columns:1fr 1fr 1.2fr 1.3fr;gap:1.6rem}.task-facts dd{font-size:1.12rem}.task-facts dt{color:var(--blue);font-size:1.12rem}.extrapolation-block{margin-top:3.5rem;padding-top:2.3rem;border-top:1px solid var(--rule)}.extrapolation-block>.prose{margin-top:.8rem}.extrapolation-figure{margin:1.8rem auto 0;max-width:820px}.extrapolation-figure img{width:100%;height:auto}.extrapolation-figure figcaption{margin-top:1.2rem}
.diagnostic{margin-top:3rem}.diagnostic+.diagnostic{padding-top:3.5rem;border-top:1px solid var(--rule);margin-top:3.5rem}.diagnostic-heading{display:flex;gap:1.3rem;align-items:baseline;margin-bottom:1.4rem}.diagnostic-heading .diagnostic-index{font-size:2.8rem;line-height:1}.diagnostic-heading h3{font-size:2rem}.diagnostic-table{margin:1.8rem 0 1rem}.diagnostic-table caption{text-align:left;font-size:1.05rem;color:var(--blue);padding:0 0 .7rem}.diagnostic-table table{background:white}.diagnostic>.prose:last-child{margin-top:1.5rem}.representation-diagram{margin:2rem 0 1.8rem;border:1px solid #cdd8e5;border-radius:6px;background:white;padding:1.3rem 1.7rem}.diagram-context{text-align:center;font-size:1.02rem;color:var(--muted);padding-bottom:1.2rem}.representation-lane{padding:1.1rem 0}.representation-lane h4{font-size:1.2rem;color:var(--blue);margin:0 0 .8rem}.representation-lane+.representation-lane{border-top:1px solid var(--rule)}.representation-steps{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1.25fr) 45px minmax(0,1.3fr);align-items:center;gap:.5rem}.diagram-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;min-width:0;font-size:1.1rem}.diagram-node strong{font-size:1.25rem;line-height:1.3;font-weight:500}.diagram-node small{font-size:.95rem;color:var(--muted)}.diagram-node>span{font-size:1rem;color:var(--muted)}.diagram-arrow{text-align:center;font-size:1.8rem;line-height:1.1;color:var(--blue)}.diagram-arrow span{display:block;font-size:.9rem;line-height:1.2;color:var(--muted)}.diagram-arrow b{display:block;font-size:1.8rem;font-weight:400;margin-top:.2rem}.model-node{background:#edf3fb;border:1px solid #b5c9e2;border-radius:6px;padding:1.2rem .7rem;min-height:138px}.vector-lane .model-node{background:#eef6f2;border-color:#b8d2c5}.frame-stack{width:95px;height:88px;position:relative;background:#e7edf3;border:1px solid #c9d4e0;box-shadow:5px -4px 0 #e5ebf4,10px -8px 0 #d8e2ee;margin:8px 0 0}.frame-stack img{width:86px;height:86px;object-fit:contain}.latent-grid{width:100px;height:86px;background:repeating-linear-gradient(90deg,transparent 0 11px,white 11px 13px),repeating-linear-gradient(0deg,#5a83aa 0 9px,#abc6dd 9px 19px,white 19px 21px);border:1px solid #e2eaf2;transform:skewY(-7deg);margin-bottom:7px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:94px;padding:4px;background:#253345;border-radius:3px}.sticker-grid i{width:19px;height:19px;background:#e3c232;border-radius:1px}.sticker-grid i:nth-child(3n){background:#e5e9ea}.sticker-grid i:nth-child(4n){background:#bc383d}.sticker-grid i:nth-child(5n){background:#2c7786}.sticker-grid i:nth-child(7n){background:#d38b37}.sticker-grid i:nth-child(11n){background:#428553}.categorical-grid{width:103px;height:81px;background:repeating-linear-gradient(90deg,transparent 0 14px,white 14px 17px),repeating-linear-gradient(0deg,transparent 0 5px,white 5px 7px),linear-gradient(130deg,#e6f0e9 0 22%,#308269 23% 30%,#e6f0e9 31% 42%,#308269 43% 51%,#e6f0e9 52% 65%,#308269 66% 73%,#e6f0e9 74%);border:1px solid #d2e0d9}.representation-diagram>figcaption{margin:1.5rem 0 .2rem;padding-top:1.1rem;border-top:1px solid var(--rule)}
.observation-player{margin-top:2rem}.observation-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--rule);border-radius:5px;overflow:hidden}.observation-triptych figure{min-width:0;text-align:center;padding:1rem .3rem .3rem}.observation-triptych figure+figure{border-left:1px solid var(--rule)}.observation-triptych figcaption{font-size:1.12rem;color:var(--ink)}.observation-triptych figcaption span{display:block;font-size:.95rem;color:var(--muted);margin:.25rem 0 .5rem}.observation-triptych .video-frame{width:100%;max-width:320px}
.symbolic-diagram{margin-top:2rem;border:1px solid var(--rule);border-radius:6px;padding:1.6rem;background:#fafbfd}.context-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.context-sources>div{border:1px solid var(--rule);border-radius:4px;background:white;padding:.8rem;text-align:center}.context-sources strong{display:block;font-weight:500;font-size:1.1rem}.context-sources span{display:block;font-size:.95rem;color:var(--muted);margin-top:.4rem}.context-branch{text-align:center;margin:.9rem 0;color:var(--muted);font-size:1rem;position:relative}.context-branch::before{content:'';position:absolute;width:72%;left:14%;bottom:0;height:15px;border:1px solid #99acc4;border-bottom:0}.context-branch b{display:block;color:var(--blue);font-size:1.6rem;line-height:1;margin-top:.4rem;font-weight:400}.shared-transformer{border:1px solid #8ea9cc;border-radius:6px;padding:1.2rem;background:white}.shared-label{font-size:1rem;color:var(--blue);text-align:center;margin-bottom:1.2rem}.symbolic-passes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:1rem}.state-pass,.video-pass{background:#eef3fa;border:1px solid #c5d5e8;border-radius:4px;padding:1rem .7rem}.state-pass .sticker-grid{margin:.3rem 0}.video-pass{background:#edf5f1;border-color:#c3d9cd}.state-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;min-width:0;font-size:1rem}.state-feedback strong{font-weight:500;font-size:1.1rem}.state-feedback small{color:var(--muted);font-size:.9rem}.feedback-arrow{font-size:2.8rem;line-height:1;color:var(--blue)}.diagram-node .training-target{border-top:1px dashed #b4c2d3;font-size:.9rem;padding-top:.6rem;margin-top:.3rem}.generated-feedback{text-align:center;display:flex;flex-direction:column;gap:.3rem;font-size:1rem;color:var(--muted);margin:.7rem 0 1rem}.generated-feedback>span:first-child{font-size:1.8rem;color:var(--blue);line-height:1}.generated-feedback strong{font-weight:500;color:var(--ink);font-size:1.2rem}.symbolic-diagram>figcaption{border-top:1px solid var(--rule);padding-top:1rem}.video-only-diagram .symbolic-passes{grid-template-columns:minmax(0,1fr);max-width:400px;margin:auto}.video-only-diagram .context-branch::before{display:none}.video-only-diagram .shared-transformer{border-color:var(--rule)}
@media(max-width:850px){.task-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.representation-diagram{padding:1rem}.representation-steps{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 25px minmax(0,1.2fr);gap:.3rem}.diagram-node strong{font-size:1.1rem}.diagram-node small{font-size:.88rem}.symbolic-diagram{padding:1rem}.symbolic-passes{gap:.5rem}.state-pass,.video-pass{padding:.8rem .5rem}.symbolic-diagram .diagram-node strong{font-size:1.15rem}}
@media(max-width:600px){.rollout-toolbar{align-items:flex-start;font-size:.98rem}.rollout-toolbar .button{padding:.5rem .8rem;font-size:1rem}.boundary-buttons{gap:.3rem}.boundary-buttons button{flex:1 0 3.3rem;min-height:44px}.playback-row{gap:.6rem}.full-frame-controls .step-header{font-size:.95rem}.task-facts{gap:1.4rem}.task-facts dd,.task-facts dt{font-size:1rem}.extrapolation-block{margin-top:2.5rem}.diagnostic-heading h3{font-size:1.6rem}.diagnostic-heading{gap:.9rem}.representation-steps{grid-template-columns:1fr;gap:.7rem}.representation-lane h4{text-align:center;font-size:1.3rem}.diagram-node{font-size:1.05rem}.diagram-node strong{font-size:1.2rem}.diagram-node small{font-size:.95rem}.diagram-arrow{display:flex;justify-content:center;align-items:center;gap:.7rem;flex-direction:column}.diagram-arrow:not(:has(span)){transform:rotate(90deg);height:30px}.diagram-arrow b{transform:rotate(90deg);margin:0}.model-node{min-height:100px;width:100%;max-width:280px;margin:auto}.representation-lane{padding:1.3rem 0}.observation-triptych{grid-template-columns:repeat(2,minmax(0,1fr))}.observation-triptych figure:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule)}.observation-triptych figure:last-child .video-frame{max-width:280px}.observation-triptych figcaption{font-size:1rem}.observation-triptych figcaption span,.frame-verdict{font-size:.875rem}.context-sources{grid-template-columns:1fr;gap:.5rem}.context-sources>div{padding:.6rem}.context-sources span{margin-top:.1rem}.context-branch::before{display:none}.symbolic-passes{grid-template-columns:1fr;gap:1rem}.symbolic-diagram .diagram-node{padding:1.2rem}.feedback-arrow{transform:rotate(90deg);margin:.3rem 0}.state-feedback{padding:.2rem 0;gap:.3rem}.shared-transformer{padding:.9rem}.shared-label{font-size:1rem}.symbolic-diagram .diagram-node strong{font-size:1.25rem}.diagnostic+.diagnostic{padding-top:2.5rem}.extrapolation-figure figcaption{font-size:.95rem}}
/* Arrows are drawn with CSS so icon glyphs cannot introduce fallback fonts. */
.arrow-line{position:relative;display:inline-block!important;width:30px;height:2px!important;min-height:0;background:var(--blue);border:0;vertical-align:middle;flex:none}.arrow-line::after{content:'';position:absolute;right:0;top:-4px;width:10px;height:10px;border-top:2px solid var(--blue);border-right:2px solid var(--blue);transform:rotate(45deg)}.diagram-arrow .arrow-line{margin:.8rem auto .3rem}.arrow-line.down-arrow{transform:rotate(90deg);margin:1.15rem auto .4rem}.feedback-arrow.arrow-line{width:48px;margin:1.1rem auto}.branch-tip{position:absolute;bottom:-2px;width:7px;height:7px;border-right:1px solid #99acc4;border-bottom:1px solid #99acc4;transform:rotate(45deg)}.branch-tip.left-tip{left:calc(14% - 3px)}.branch-tip.right-tip{right:calc(14% - 3px)}.video-only-diagram .branch-tip{display:none}.figure-expand{text-align:right;font-size:.95rem;margin-top:.4rem}
@media(max-width:600px){.diagram-arrow .arrow-line{transform:rotate(90deg);margin:.6rem auto}.branch-tip{display:none}.feedback-arrow.arrow-line{margin:1rem auto}.diagram-arrow:not(:has(span)){transform:none;height:auto}}
.publication-authors a{color:var(--blue);text-decoration:underline;text-decoration-color:#bccbdf;text-decoration-thickness:1px;text-underline-offset:4px}.publication-authors a:hover{color:#102d59;text-decoration-color:currentColor}
.institution-logos{display:flex;justify-content:center;align-items:center;gap:2.8rem;margin:1.55rem auto 0}.institution-logos a{display:flex;align-items:center;justify-content:center;max-width:100%}.institution-logos img{display:block;width:auto;height:64px;max-width:100%;object-fit:contain}@media(max-width:600px){.institution-logos{gap:2.2rem;margin-top:1.2rem}.institution-logos img{height:56px}}
#rollout-status{font-size:.95rem;color:var(--muted);margin:.3rem 0 0;min-height:1.5em}#rollout-status.load-error{color:var(--red)}.rollout-toolbar>div{min-width:0}.rollout-toolbar{align-items:flex-start}#rollout-pair{position:relative}#rollout-pair.loading-frame::after{content:'Loading video…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(250,251,253,.84);color:var(--blue);font-size:1.1rem;pointer-events:none}
/* The action rail follows the same 0–80 frame scale as the slider thumb. */
.full-frame-controls .playback-row{align-items:flex-start}.playback-row>.play-button{flex:none}.playback-timeline{flex:1;min-width:0}.full-frame-controls .playback-timeline input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;--played:0%}.playback-timeline input[type=range]::-webkit-slider-runnable-track{height:6px;border:0;border-radius:99px;background:linear-gradient(to right,var(--blue) 0 var(--played),#e4e8ed var(--played) 100%);box-shadow:inset 0 0 0 1px #aeb9c6}.playback-timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:var(--blue)}.playback-timeline input[type=range]::-moz-range-track{height:6px;border:0;border-radius:99px;background:#e4e8ed;box-shadow:inset 0 0 0 1px #aeb9c6}.playback-timeline input[type=range]::-moz-range-progress{height:6px;border:0;border-radius:99px;background:var(--blue)}.playback-timeline input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--blue)}.playback-timeline .boundary-buttons{display:block;position:relative;height:50px;margin:0 8px;gap:0}.playback-timeline .boundary-buttons button{position:absolute;top:0;transform:translateX(-50%);width:calc(var(--boundary-width) - 4px);min-width:0;min-height:44px;padding:.25rem 0;white-space:nowrap;text-align:center}.playback-timeline .boundary-buttons button::before{content:'';position:absolute;left:50%;top:-10px;width:1px;height:8px;background:currentColor;opacity:.65}
@media(max-width:650px){.full-frame-controls .playback-row{flex-wrap:wrap;gap:.25rem}.playback-timeline{flex:1 0 100%;width:100%}.playback-timeline .boundary-buttons{height:58px}.playback-timeline .boundary-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.2;min-height:48px;width:calc(var(--boundary-width) - 1px);padding:.2rem 0}.boundary-number{font-size:.8rem;color:var(--muted)}.boundary-action{font-size:1rem}.boundary-separator{display:none}}
.paper-guidance-figure{margin:2rem 0 0}.paper-guidance-figure>a{display:block}.paper-guidance-figure img{width:100%;height:auto}.paper-guidance-figure figcaption{margin-top:1rem;max-width:850px}
.observation-results{margin:2rem 0 0;padding:1.2rem 1.4rem;background:white;border:1px solid var(--rule);border-radius:5px}.observation-chart-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;flex-wrap:wrap}.observation-chart-heading h4{font-size:1.3rem;font-weight:500;line-height:1.25;color:var(--ink);margin:0}.observation-chart-heading>span{font-size:.95rem;color:var(--muted)}.observation-legend{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;margin:1rem 0 .2rem;font-size:1rem}.observation-legend>span{display:inline-flex;align-items:center;gap:.45rem}.observation-legend>span::before{content:'';width:1.6rem;border-top:2px solid var(--curve-color)}.observation-legend>span.dashed::before{border-top-style:dashed}.observation-results .interactive-chart{margin-top:0}.observation-results svg:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.observation-curve-readout{display:flex;flex-wrap:wrap;gap:.3rem 1.15rem;padding:.7rem 0;border-top:1px solid var(--rule);font-size:.95rem;font-variant-numeric:tabular-nums}.observation-curve-readout>strong{font-weight:500;color:var(--ink)}.observation-curve-readout>span{color:var(--curve-color)}.observation-results figcaption{font-size:.95rem;margin-top:.4rem}@media(max-width:600px){.observation-results{padding:1rem .7rem}.observation-legend{gap:.4rem 1rem;font-size:.95rem}.observation-curve-readout{gap:.25rem .8rem;font-size:.9rem}.observation-curve-readout>strong{flex-basis:100%}}