/* Research story: compact academic typography, original paper figures. */
.story-section{padding-top:70px;padding-bottom:70px;scroll-margin-top:100px;color:#20242b}
.story-eyebrow,.study-number{font-size:10px;letter-spacing:.14em;font-weight:500;color:#576b91;margin-bottom:18px}
.story-section h2{font-size:clamp(27px,3.1vw,39px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:0 0 22px}
.story-section h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 15px}
.story-section p{font-size:14px;line-height:1.85;color:#626a77;margin:0 0 16px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-copy .first-claim{font-size:18px;line-height:1.65;color:#313947}.first-claim strong{color:#163d7a;font-weight:800;font-size:1.12em;line-height:1.65;background:#e9f0ff;padding:.06em .18em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ruler{height:63px;border-top:1px solid #c6cfdc;position:relative;display:flex;justify-content:space-between;margin-top:32px;padding-top:28px;color:#748198;font-size:9px;letter-spacing:.16em;max-width:410px;background:repeating-linear-gradient(90deg,#aebbd0 0 1px,transparent 1px 12px) top left/100% 12px no-repeat}
.story-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e0e4eb;margin-top:26px;padding:22px 0;gap:24px}.story-stats strong{font-size:25px;letter-spacing:-.035em;font-weight:500;display:block;color:#1b2941}.story-stats span{display:block;font-size:11px;color:#778191;margin-top:4px}
.story-section .scope-note,#overview .scope-note,#dataset .scope-note{font-size:11px;color:#7b8390;line-height:1.7;margin-top:14px}
.story-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start;margin-bottom:26px}.story-heading p{margin-top:4px}
.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:25px 0 32px}.workflow article{border-top:1px solid #bbc8df;padding-top:16px}.workflow article>span{font-size:11px;color:#6881aa}.workflow h3{font-size:18px;margin:12px 0}.workflow p{font-size:12px}
.story-figure{margin:28px auto;border:1px solid #e1e5eb;border-radius:8px;overflow:hidden;background:#fff}.story-figure img,.story-figure video{width:100%;display:block;height:auto}.story-figure figcaption{padding:13px 18px;color:#718096;font-size:11px;background:#f8f9fc;line-height:1.7;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.story-figure a:hover{color:#345cb1}.story-figure>a{display:block;padding:16px}
.event-explorer{padding:28px;border:1px solid #dbe1ec;border-radius:12px;background:linear-gradient(125deg,#f6f8fc,#fff);margin-top:35px}.event-header{display:flex;justify-content:space-between;gap:24px;align-items:center}.event-header .story-eyebrow{font-size:9px}.event-header h3{font-size:21px;margin-top:8px}.event-hint{font-size:11px;color:#7a8596}.event-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:20px 0}.event-stages button{padding:13px 8px;background:white;color:#62728b;border:1px solid #dce3ef;border-radius:6px;font-size:12px;transition:background .2s,color .2s}.event-stages button[aria-pressed=true]{background:#263f6f;color:white;border-color:#263f6f}.event-stages button span{display:block;font-size:9px;opacity:.65;margin-bottom:4px}.event-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;min-height:200px;border-top:1px solid #e0e6ef;padding-top:24px}.event-detail h4{font-weight:500;font-size:20px;margin:0 0 10px}.event-detail p{font-size:13px}.event-detail dl{margin:0;display:grid;grid-template-columns:110px 1fr;gap:10px 15px;font-size:12px}.event-detail dt{color:#8a95a7}.event-detail dd{margin:0;color:#39465b}.caption-result{border-left:2px solid #8fa7d1;margin-top:20px;padding:4px 0 4px 18px}.caption-result>span{font-size:9px;letter-spacing:.1em;color:#7486a3}.caption-result p{font-size:17px;color:#31415b;margin:8px 0 0}
.story-details{border-block:1px solid #e0e5ed;margin-top:28px;padding:20px 0}.story-details summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.story-details summary::-webkit-details-marker{display:none}.story-details[open] summary{margin-bottom:24px}.story-details p{font-size:12px}.dimension-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.dimension-guide strong{font-weight:500;font-size:12px;color:#3c5279}.dimension-guide p{font-size:12px}
.finding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 50px}.finding-grid article{border-top:2px solid #425f91;padding:20px 0}.finding-grid article>span{font-size:9px;letter-spacing:.1em;color:#7b8698}.finding-grid strong{display:block;font-size:38px;letter-spacing:-.05em;font-weight:500;margin:12px 0;color:#2c497d}.finding-grid small{font-size:16px;font-weight:400;letter-spacing:0}.finding-grid p{font-size:12px;max-width:260px}.study-block{border-top:1px solid #dce1ea;padding-top:35px;margin-top:46px}.study-number{font-size:9px}.study-block>p{max-width:900px}.comparison-insights{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f6f8fc;padding:24px;margin:25px 0}.comparison-insights strong{font-size:14px;font-weight:500}.comparison-insights p{font-size:13px;margin:10px 0 0}.study-link{font-size:12px;color:#3b5e98;border-bottom:1px solid #c8d5e9;padding-bottom:5px}.caption-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.caption-pair blockquote{margin:0;padding:22px;background:#f5f6f8;font-size:17px;line-height:1.7;color:#455069;border-left:2px solid #ced5e2}.caption-pair blockquote:last-child{background:#f1f5fc;border-color:#718cbd}.caption-pair span{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:10px;color:#7f8ca2}.video-study{max-width:1000px}.study-reading{font-size:13px!important}.results-scroll{overflow:auto;margin:28px 0 18px;border:1px solid #e1e5ec;border-radius:8px}.study-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;background:#fff;white-space:nowrap}.study-table caption{text-align:left;padding:16px 20px;background:#f3f6fa;color:#526581;font-size:12px;font-weight:500;white-space:normal}.study-table th,.study-table td{padding:12px 18px;border-top:1px solid #e8ebf1;text-align:right}.study-table th:first-child{text-align:left}.study-table thead th{font-size:10px;background:#fafbfd;color:#7c8799;font-weight:500}.study-table tbody th{font-weight:400;color:#39445a}.study-table tbody td:last-child{color:#315e8d;font-weight:500}.study-table tbody tr:hover{background:#f7f9fc}.qual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qual-grid figure{margin:0}.qual-grid img{width:100%;border-radius:4px}.qual-grid figcaption{font-size:10px;text-align:center;color:#7b889c;margin-top:8px}.story-details h4{font-size:15px;font-weight:500;margin:28px 0 16px}.qual-grid+p{margin-top:12px}.closing-idea{padding:45px 0 0;max-width:650px}.closing-idea h3{font-size:30px;line-height:1.35;letter-spacing:-.035em}
.nav nav a{display:block!important}.nav nav{gap:20px}
@media(max-width:900px){.intro-grid,.story-heading{gap:30px}.nav{flex-wrap:wrap;height:auto;padding-top:15px;padding-bottom:12px;gap:10px}.nav nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;gap:22px;padding-top:6px}.nav .nav-cta{margin-left:auto}.workflow{gap:18px}.story-section{scroll-margin-top:120px}.event-header{display:block}.event-hint{display:block}.finding-grid strong{font-size:30px}}
@media(max-width:600px){.story-section{padding-top:44px;padding-bottom:44px}.intro-grid,.story-heading,.event-detail{grid-template-columns:1fr;gap:18px}.story-section h2{font-size:29px}.intro-copy .first-claim{font-size:16px}.story-stats{gap:14px}.story-stats strong{font-size:19px}.story-stats span{font-size:10px}.workflow{grid-template-columns:1fr;gap:10px}.workflow p{margin-bottom:10px}.story-figure>a{padding:5px}.event-explorer{padding:18px}.event-stages{grid-template-columns:repeat(3,1fr)}.event-detail{min-height:300px}.event-detail dl{grid-template-columns:85px 1fr}.caption-result p{font-size:15px}.finding-grid{grid-template-columns:1fr;gap:0;margin-bottom:25px}.finding-grid article{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;padding:16px 0}.finding-grid article>span{grid-column:1/-1}.finding-grid strong{font-size:32px}.finding-grid p{margin:12px 0}.comparison-insights,.caption-pair,.dimension-guide{grid-template-columns:1fr}.study-table th,.study-table td{padding:10px 13px}.qual-grid{gap:5px}.qual-grid figcaption{font-size:8px}.ruler{margin-top:16px}.story-heading{margin-bottom:12px}.story-figure figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.event-stages button{transition:none}}
/* Account for the document's existing 100px anchor padding. */
.story-section{scroll-margin-top:20px}
.nav nav{scrollbar-width:none}.nav nav::-webkit-scrollbar{display:none}
@media(max-width:420px){.institution-logos{gap:10px;flex-wrap:nowrap}.institution-logos .baai-lockup{width:81px}.institution-logos .physis-lockup{width:53px}.institution-logos img{width:64px}.institution-logos img.institution-seal{width:30px;height:30px;max-height:30px}}

/* Emphasize the introduction label without changing other section labels. */
#introduction > .story-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:.12em;color:#163d7a;margin-bottom:20px}
#introduction > .story-eyebrow::before{content:"";width:4px;height:18px;border-radius:2px;background:#315eaa;flex:none}

/* Dataset and source-grounded event replays. */
.dataset-section{scroll-margin-top:20px}.dataset-figure{margin:30px auto 24px;max-width:800px;padding:18px;background:#fff;border:1px solid #e1e5eb;border-radius:10px}.dataset-figure img{display:block;width:100%;height:auto}.dataset-figure figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:18px;font-size:10px;letter-spacing:.06em;color:#6d788a}.dataset-figure a{color:inherit}.dataset-note{font-size:12px;line-height:1.8;color:#748093;margin-top:20px}.event-explorer{scroll-margin-top:120px}.event-media{margin:22px 0 0;overflow:hidden;border:1px solid #dbe1ec;border-radius:9px;background:#fff}.event-media>img{display:block;width:100%;max-height:540px;object-fit:contain;aspect-ratio:16/9;background:#111;height:auto}.event-media figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:11px;color:#64728a}.event-media figcaption>div{display:flex;gap:8px}.event-media button{padding:8px 11px;border:1px solid #dce3ef;border-radius:5px;background:white;color:#30466c;cursor:pointer;font:inherit;white-space:nowrap}.event-media button[aria-pressed=true]{background:#e9eff9}.event-media button:focus-visible{outline:2px solid #315eaa;outline-offset:2px}
@media(max-width:600px){.dataset-figure{padding:6px}.dataset-figure figcaption{padding:6px;font-size:9px}.event-media figcaption{align-items:flex-start;flex-direction:column;padding:10px}.event-header{align-items:flex-start;flex-direction:column;gap:6px}.event-header h3{margin-bottom:0}.event-media{margin-top:16px}}

/* Every event has its own compact replay, visible together. */
#worked-example{max-width:960px;margin:28px auto 0;padding:22px;scroll-margin-top:20px}
.event-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.event-clip{margin:0;min-width:0;overflow:hidden;border:1px solid #dce3ed;border-radius:7px;background:#fff}
.event-clip img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#151515}
.event-clip figcaption{padding:10px 12px}.event-clip h4{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:650;margin:0;color:#263f6f}.event-clip h4 span{font-size:10px;font-weight:500;color:#8692a6}.event-clip p{font-size:11px;line-height:1.5;color:#6b7687;margin:6px 0 0}
#event-motion{border:1px solid #dce3ef;border-radius:5px;background:#fff;color:#30466c;padding:8px 12px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}#event-motion:focus-visible{outline:2px solid #315eaa;outline-offset:2px}
@media(max-width:650px){#worked-example{padding:14px}.event-clips{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.event-clip figcaption{padding:8px}.event-clip h4{font-size:13px}.event-clip p{font-size:10px}#worked-example .event-header{flex-direction:row;align-items:center;gap:10px}#worked-example .event-header h3{font-size:18px}#event-motion{padding:7px;font-size:10px}}

/* A single event strip with a source-record callout anchored to Reach. */
#worked-example{max-width:1120px}.event-stageboard{position:relative;padding-top:188px;margin-top:16px}.event-stageboard .event-clips{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}.event-stageboard .event-clip figcaption{padding:8px}.event-stageboard .event-clip p{display:none}.event-stageboard .event-clip h4{font-size:12px;gap:6px}.event-stageboard .event-clip.is-active{border-color:#5278ba;box-shadow:0 0 0 2px #dbe7fc}
.event-annotation{position:absolute;top:0;left:0;width:320px;max-width:100%;box-sizing:border-box;padding:13px 16px;background:#fff;border:1px solid #8ca8d4;border-radius:9px;box-shadow:0 8px 24px #28497612;z-index:1;opacity:0;transform:translateY(10px);transition:opacity .65s ease,transform .65s cubic-bezier(.215,.61,.355,1)}.events-visible .event-annotation{opacity:1;transform:translateY(0)}.annotation-label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.06em;color:#61748e;margin-bottom:10px}.annotation-label strong{margin-left:auto;font-size:9px;color:#244b87}.annotation-dot{width:5px;height:5px;border-radius:50%;background:#4e7bc3}.event-annotation dl{display:grid;grid-template-columns:54px 1fr;gap:5px 10px;margin:0;font-size:10px;line-height:1.35}.event-annotation dt{font-family:ui-monospace,SFMono-Regular,monospace;color:#71809a}.event-annotation dd{margin:0;color:#243c61}.annotation-connector{position:absolute;top:100%;left:34px;height:26px;border-left:1px solid #8ca8d4}.annotation-connector:after{content:"";position:absolute;bottom:-3px;left:-3px;width:5px;height:5px;border-radius:50%;background:#5278ba}
@media(max-width:700px){.event-stageboard .event-clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.event-stageboard .event-clip h4{font-size:11px;gap:4px}.event-stageboard .event-clip figcaption{padding:7px 5px}.event-annotation{width:300px}.event-stageboard{padding-top:188px}#worked-example .event-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.event-annotation{transition:none}}

/* Rotate the complete explanatory record across the six source clips. */
.event-annotation{width:380px;transition:opacity .65s ease,transform .65s ease,left .45s cubic-bezier(.215,.61,.355,1)}.event-annotation dl{grid-template-columns:52px 1fr;font-size:11px;line-height:1.45;gap:5px 10px}.annotation-connector{left:var(--connector-left,34px);height:25px;transition:left .45s ease}.event-select{display:block;width:100%;border:0;margin:0;padding:0;background:#111;cursor:pointer;border-radius:0}.event-select:focus-visible{outline:3px solid #5278ba;outline-offset:-3px}.event-clip{transition:border-color .3s,box-shadow .3s}.annotation-controls{display:flex;align-items:center;gap:8px;border-top:1px solid #e5eaf2;margin-top:10px;padding-top:8px;font-size:10px;color:#71809a}.annotation-controls button{border:1px solid #dce3ef;background:#f8faff;border-radius:4px;padding:4px 8px;color:#30466c;font:inherit;cursor:pointer}.annotation-controls button:focus-visible{outline:2px solid #5278ba}.annotation-controls #annotation-auto{margin-left:auto}.annotation-label strong{font-size:10px}
@media(max-width:700px){.event-annotation{width:100%}.event-annotation dl{font-size:10px}.annotation-connector{display:none}}
@media(prefers-reduced-motion:reduce){.event-annotation,.annotation-connector,.event-clip{transition:none}}

.annotation-countdown{height:2px;background:#e4ebf7;border-radius:2px;overflow:hidden;margin-top:9px}.annotation-countdown>span{display:block;height:100%;width:100%;background:#5278ba;transform:scaleX(0);transform-origin:left}@keyframes annotationCountdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Three domains share one aligned, stable event explorer. */
.example-intro>.story-eyebrow{font-weight:700;color:#325588;font-size:10px}.example-intro p{font-size:12px;margin:8px 0 18px}
.example-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid #dce3ef}
.example-tabs button{font:inherit;font-size:14px;font-weight:650;text-align:left;padding:13px 16px;color:#617189;background:#fff;border:1px solid #dce3ef;border-radius:7px;cursor:pointer;transition:background .2s,border-color .2s}
.example-tabs button>span{display:block;font-size:8px;letter-spacing:.08em;font-weight:500;margin-bottom:6px;color:#7d8da5}.example-tabs button[aria-selected=true]{color:#244b87;background:#eaf1ff;border-color:#89a6d4;box-shadow:inset 0 2px #5278ba}.example-tabs button:focus-visible{outline:2px solid #5278ba;outline-offset:3px}
#example-panel .event-header{min-height:68px}#example-panel .event-header h3{font-size:21px;margin-bottom:8px}.event-annotation dl{min-height:218px;align-content:start}.event-clip h4{min-height:29px}.example-source{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:17px}.example-source .scope-note{max-width:780px;margin:0!important}.example-source a{flex:none;font-size:11px;color:#3b5e98;line-height:1.7;border-bottom:1px solid #cad7eb}.caption-result{min-height:90px}
@media(max-width:700px){.example-tabs{gap:6px;margin-bottom:18px}.example-tabs button{padding:11px 8px;font-size:12px}.example-tabs button>span{font-size:7px}.example-intro p{font-size:11px}.event-annotation dl{min-height:225px}.example-source{display:block}.example-source a{display:inline-block;margin-top:12px}#example-panel .event-header{min-height:95px}.caption-result{min-height:120px}#example-panel .event-header h3{font-size:18px}.event-clip h4{min-height:26px}}

/* Live three-domain stage: all eighteen event loops visible at once. */
#worked-example.event-showcase{position:relative;isolation:isolate;max-width:1180px;margin:36px auto 0;padding:28px;background:#0a1020;color:#edf4ff;border:1px solid #27364f;border-radius:18px;box-shadow:0 24px 65px #16274625;overflow:hidden;--glow-x:50%;--glow-y:20%}
.event-showcase::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(440px circle at var(--glow-x) var(--glow-y),#7165ff22,transparent 80%),radial-gradient(ellipse at 0% 0%,#267a9420,transparent 55%),radial-gradient(ellipse at 100% 100%,#c56aa117,transparent 50%)}
.showcase-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.showcase-kicker{font-size:9px;font-weight:600;letter-spacing:.13em;color:#a6b8d4;display:flex;align-items:center;gap:8px}.showcase-kicker i,.showcase-bottom i{width:5px;height:5px;background:#84e5d2;border-radius:50%;box-shadow:0 0 9px #84e5d299;display:inline-block;animation:demoPulse 3s ease-in-out infinite}
#worked-example .showcase-top h3{font-size:27px;letter-spacing:-.04em;line-height:1.2;color:#f1f5ff;margin:10px 0 8px;font-weight:550}#worked-example .showcase-top p{font-size:12px;color:#93a4bf;margin:0}
#demo-motion{border:1px solid #42516b;border-radius:6px;background:#172238;color:#dbe8fc;padding:9px 12px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.domain-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.domain-stage{--accent:#63dacc;--wash:#63dacc14;min-width:0;border:1px solid #2c3b50;border-radius:11px;background:linear-gradient(150deg,var(--wash),#10192a 28%);padding:15px;position:relative;box-shadow:inset 0 2px var(--accent)}.domain-stage[data-domain=ego]{--accent:#ad9bff;--wash:#ad9bff14}.domain-stage[data-domain=umi]{--accent:#f3bd80;--wash:#f3bd8014}
.stage-header{position:relative;padding-bottom:13px}.stage-eyebrow{font-size:8px;letter-spacing:.12em;color:var(--accent);font-weight:600}.stage-header h4{font-size:21px;font-weight:600;letter-spacing:-.03em;margin:8px 0 4px;color:#f1f5ff}#worked-example .stage-subtitle{font-size:11px;color:#96a7bf;margin:0}
.stage-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;position:relative}.stage-clip{min-width:0;display:block;padding:0;text-align:left;background:#162135;border:1px solid #35425a;border-radius:6px;overflow:hidden;cursor:pointer;color:#a5b5cc;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.stage-clip img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.82;transition:opacity .3s}.stage-clip .clip-label{display:flex;gap:4px;align-items:center;min-height:32px;padding:5px;font-size:9px;line-height:1.2}.clip-label small{font-size:8px;opacity:.5}.stage-clip:hover{transform:translateY(-3px);border-color:var(--accent)}.stage-clip.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 20px var(--wash);color:#fff;transform:translateY(-2px)}.stage-clip.is-active img,.stage-clip:hover img{opacity:1}.stage-clip.is-active .clip-label{background:var(--wash)}
.stage-record{margin-top:16px;padding:13px 0 0;border-top:1px solid #314158}.record-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}.record-heading>span{font-size:8px;letter-spacing:.09em;color:#768ba8}.record-heading strong{font-size:11px;font-weight:600;color:var(--accent)}.stage-progress{height:2px;background:#29354a;margin:10px 0 15px;overflow:hidden}.stage-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);box-shadow:0 0 8px var(--accent)}
.stage-fields{display:grid;grid-template-columns:46px minmax(0,1fr);gap:7px 8px;margin:0;min-height:272px;align-content:start;font-size:10px;line-height:1.45}.stage-fields dt{font-family:ui-monospace,SFMono-Regular,monospace;color:#8195b1}.stage-fields dd{margin:0;color:#d7e1f1;overflow-wrap:anywhere}.stage-fields dd:last-child{color:#9eafc7}.stage-controls{display:flex;align-items:center;gap:8px;border-top:1px solid #28384f;padding-top:10px;margin-top:10px;color:#849ab9;font-size:10px}.stage-controls button{font:inherit;padding:4px 8px;border:1px solid #354863;background:#18243a;color:#b9cce7;border-radius:4px;cursor:pointer}.stage-controls .stage-auto{margin-left:auto;color:var(--accent)}
.stage-source{border-top:1px solid #28384f;margin-top:13px;padding-top:12px}.stage-source summary{font-size:10px;color:#819bbd;cursor:pointer;list-style:none}.stage-source summary::-webkit-details-marker{display:none}#worked-example .stage-source p{font-size:11px;line-height:1.65;color:#bacbe3;margin:14px 0 10px}#worked-example .stage-source .stage-note{font-size:10px;color:#8195b1}.stage-source a{font-size:10px;color:var(--accent)}
.showcase-bottom{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#7a90b1;margin-top:18px}.showcase-bottom>span:first-child{display:flex;align-items:center;gap:7px}.event-showcase button:focus-visible,.stage-source summary:focus-visible{outline:2px solid #c0d5ff;outline-offset:3px}.is-paused .showcase-kicker i,.is-paused .showcase-bottom i{animation-play-state:paused;background:#9babc0;box-shadow:none}
@keyframes demoPulse{50%{opacity:.4;box-shadow:0 0 2px #84e5d233}}
@media(min-width:901px) and (max-width:1100px){#worked-example.event-showcase{padding:20px}.domain-stages{gap:10px}.domain-stage{padding:11px}.stage-fields{min-height:330px;font-size:10px;grid-template-columns:43px 1fr}.stage-clip .clip-label{font-size:8px}}
@media(max-width:900px){.domain-stages{grid-template-columns:1fr}.domain-stage{padding:18px}.stage-clips{grid-template-columns:repeat(6,minmax(0,1fr))}.stage-fields{min-height:0;grid-template-columns:55px 1fr 55px 1fr;gap:8px 12px}.stage-fields dt:nth-last-of-type(1){grid-column:1}.stage-fields dd:last-child{grid-column:2/-1}.showcase-top{align-items:flex-start}#worked-example .showcase-top h3{font-size:24px}}
@media(max-width:600px){#worked-example.event-showcase{padding:18px 12px;border-radius:12px}.showcase-top{display:block;padding:0 5px}.showcase-kicker{font-size:8px}.showcase-top #demo-motion{margin-top:13px}.domain-stage{padding:14px}.stage-clips{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-fields{grid-template-columns:46px minmax(0,1fr)}.stage-fields dd:last-child{grid-column:auto}.showcase-bottom{flex-direction:column;padding:0 5px;gap:8px}.stage-clip .clip-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.showcase-kicker i,.showcase-bottom i{animation:none}.stage-clip,.stage-clip img{transition:none}}

/* Pearl / ice-blue demo palette, continuous with the academic page. */
#worked-example.event-showcase{background:#f3f6fc;color:#24334d;border-color:#d6dfec;box-shadow:0 20px 55px #5d79a314}
.event-showcase::before{background:radial-gradient(440px circle at var(--glow-x) var(--glow-y),#a49aff26,transparent 80%),radial-gradient(ellipse at 0% 0%,#bfeae640,transparent 60%),radial-gradient(ellipse at 100% 100%,#ddd1f550,transparent 60%)}
.showcase-kicker{color:#607290}#worked-example .showcase-top h3{color:#1e2e49}#worked-example .showcase-top p{color:#6b7b94}#demo-motion{border-color:#ccd7e7;background:#ffffffbd;color:#405779}
.domain-stage{--accent:#208d87;--wash:#208d8710;background:linear-gradient(150deg,var(--wash),#ffffffed 35%);border-color:#d3dfeb;box-shadow:inset 0 2px var(--accent),0 5px 20px #536f9810}.domain-stage[data-domain=ego]{--accent:#8260c8;--wash:#8260c810}.domain-stage[data-domain=umi]{--accent:#ba7936;--wash:#ba793610}
.stage-header h4{color:#253550}#worked-example .stage-subtitle{color:#74819a}.stage-clip{background:#f3f6fb;border-color:#d8e0ec;color:#697991}.stage-clip img{opacity:.92}.stage-clip.is-active{color:#233951}.stage-clip.is-active .clip-label{background:var(--wash)}
.stage-record,.stage-controls,.stage-source{border-color:#dce4ef}.record-heading>span{color:#7a8ca4}.stage-progress{background:#e2e8f1}.stage-fields dt{color:#7a8aa1}.stage-fields dd{color:#314461}.stage-fields dd:last-child{color:#64768e}.stage-controls{color:#7b8ca3}.stage-controls button{background:#f3f6fb;border-color:#d3ddec;color:#5b7191}.stage-source summary{color:#6c819f}#worked-example .stage-source p{color:#485e7c}#worked-example .stage-source .stage-note{color:#7d8ba0}.showcase-bottom{color:#7c8ca4}.showcase-kicker i,.showcase-bottom i{background:#36a99a;box-shadow:0 0 9px #36a99a55}.event-showcase button:focus-visible,.stage-source summary:focus-visible{outline-color:#607fae}

/* A luminous measuring instrument for the physical-data yardstick. */
.ruler.ruler-spectrum{display:block;max-width:430px;height:auto;padding:0;border:0;background:none;margin-top:30px;--ruler-x:50%;--ruler-light:0}
.ruler-glass{position:relative;height:86px;border:1px solid #d7e1ef;border-radius:11px;overflow:hidden;background:linear-gradient(110deg,#edf9f8e6,#f0f3fde6 48%,#f9f1fbe6);box-shadow:0 9px 28px #7088bd12,inset 0 1px #fff;isolation:isolate;transition:border-color .3s,box-shadow .3s}
.ruler-glass::before{content:"";position:absolute;left:18px;right:18px;top:17px;height:2px;background:linear-gradient(90deg,#36b7b1,#648ce2 40%,#a174d8 72%,#dc96c4);box-shadow:0 0 10px #9a8bd94d}
.ruler-glass::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(110px circle at var(--ruler-x) 35%,#b4a6ff55,transparent 85%);opacity:var(--ruler-light);transition:opacity .3s}
.ruler-scale{display:flex;justify-content:space-between;position:absolute;top:18px;left:18px;right:18px;height:30px;background:linear-gradient(90deg,#289b9b,#5e7fce 40%,#9568c6 72%,#c47cae);mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000)}
.ruler-scale i{display:block;width:1px;height:12px;background:currentColor;color:#7d95b6;position:relative}.ruler-scale i.major{height:29px;width:2px}.ruler-scale i.mid{height:20px}.ruler-scale{background:none}.ruler-scale i:nth-child(-n+11){color:#54a9ad}.ruler-scale i:nth-child(n+12):nth-child(-n+24){color:#6d8fc7}.ruler-scale i:nth-child(n+25):nth-child(-n+34){color:#9a7ac9}.ruler-scale i:nth-child(n+35){color:#c589b4}
.ruler-values{position:absolute;top:56px;left:17px;right:15px;display:flex;justify-content:space-between;font:9px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.02em;color:#7f8ea5}
.ruler-sweep{position:absolute;top:0;bottom:0;width:26%;left:-30%;background:linear-gradient(90deg,transparent,#9b8cf32b 45%,#ffffffad 52%,#74cdd326 60%,transparent);mix-blend-mode:multiply;animation:rulerSweep 6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.ruler-sweep::after{content:"";position:absolute;top:13px;bottom:13px;left:52%;width:1px;background:linear-gradient(transparent,#837bdc88,transparent);box-shadow:0 0 10px #9a91de}
.ruler-cursor{position:absolute;top:8px;left:var(--ruler-x);width:5px;height:5px;background:#8b80ca;transform:translateX(-50%) rotate(45deg);opacity:var(--ruler-light);transition:opacity .2s;box-shadow:0 0 9px #a498da;pointer-events:none}
.ruler-steps{display:flex;justify-content:space-between;margin-top:14px;color:#7586a0;font-size:8px;letter-spacing:.13em}.ruler-steps span{display:flex;align-items:center;gap:6px}.ruler-steps i{height:4px;width:4px;border-radius:50%;background:#62b8b4;box-shadow:0 0 7px #62b8b44d}.ruler-steps span:nth-child(2) i{background:#8d8bd1}.ruler-steps span:nth-child(3) i{background:#c08ebc}
.ruler-spectrum:hover .ruler-glass{border-color:#b8c6e1;box-shadow:0 12px 30px #8f84d522,inset 0 1px #fff}
@keyframes rulerSweep{0%{left:-30%;opacity:0}10%{opacity:1}85%{opacity:1}100%{left:105%;opacity:0}}
@media(prefers-reduced-motion:reduce){.ruler-sweep{animation:none;left:36%;opacity:.5}.ruler-glass,.ruler-glass::after,.ruler-cursor{transition:none}}

/* Own-policy qualitative example, separate from upsampler result tables. */
.policy-interaction-example{border-top:1px solid #dce3ef;padding-top:28px;margin-top:30px;scroll-margin-top:120px}.policy-interaction-example h4{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:0 0 8px}.policy-interaction-example>p{font-size:12px;color:#718096}.robodojo-example{max-width:960px;margin:20px auto 0}.outcome-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;background:#f6f8fc;border-bottom:1px solid #e0e6ee;padding:11px 0;color:#576982;font-size:12px;font-weight:600}.outcome-labels span:last-child{color:#317c70}.robodojo-example video{display:block;width:100%;height:auto;aspect-ratio:32/11;background:#e8edf4}

/* The six original cards take turns moving forward; no seventh player. */
.domain-stage .stage-card-deck{display:block;position:relative;aspect-ratio:16/11;isolation:isolate;margin:0;max-width:none;perspective:900px}
.stage-card-deck .stage-clip{position:absolute;left:calc(var(--column) * (100% + 8px) / 3);top:calc(var(--row) * (100% + 8px) / 2);width:calc((100% - 16px) / 3);height:calc((100% - 8px) / 2);display:flex;flex-direction:column;z-index:1;transform:translateZ(0);border-radius:6px;transition:left .65s cubic-bezier(.22,.8,.25,1),top .65s cubic-bezier(.22,.8,.25,1),width .65s cubic-bezier(.22,.8,.25,1),height .65s cubic-bezier(.22,.8,.25,1),box-shadow .5s,filter .5s,opacity .5s,transform .5s}
.stage-card-deck .stage-clip img{width:100%;height:0;min-height:0;flex:1;object-fit:contain;aspect-ratio:auto;opacity:1;background:#e9edf4}
.stage-card-deck .stage-clip .clip-label{flex:none;min-height:23px;height:23px;padding:4px 5px;font-size:9px;line-height:1;gap:4px;white-space:nowrap;overflow:hidden}
.stage-card-deck .stage-clip.is-active{transform:none}.stage-card-deck .stage-clip:hover{transform:none}
.stage-card-deck:has(.is-front) .stage-clip:not(.is-front){filter:brightness(.8) saturate(.7);opacity:.45;transform:translateZ(-30px)}
.stage-card-deck .stage-clip.is-front{left:0;top:0;width:100%;height:100%;z-index:4;border-radius:9px;border-color:var(--accent);box-shadow:0 10px 24px var(--wash),0 0 0 1px var(--accent);transform:translateZ(0);filter:none;opacity:1}
.stage-card-deck .stage-clip.is-front .clip-label{height:28px;min-height:28px;font-size:12px;padding:6px 10px;color:#314461;background:linear-gradient(100deg,#fff,var(--wash));transition:font-size .4s,padding .4s}
.stage-card-deck .stage-clip.is-front .clip-label small{color:var(--accent);opacity:1}.stage-card-deck .stage-clip.is-returning{z-index:5}
@media(min-width:601px) and (max-width:900px){.domain-stage .stage-card-deck{max-width:520px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.stage-card-deck .stage-clip,.stage-card-deck .stage-clip.is-front .clip-label{transition:none}}

/* User-supplied reconstruction result figure replaces the numeric table. */
.reconstruction-figure{max-width:1000px;scroll-margin-top:100px}.reconstruction-figure>a{display:block;cursor:zoom-in}