/* A working figure, with one editorial axis for the opening. */
.wordmark{display:inline-flex;align-items:center;gap:10px}
.brand-ring{width:24px;height:24px;display:inline-block;flex:none;perspective:160px}
.brand-ring svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:center;backface-visibility:visible}
@media(prefers-reduced-motion:no-preference){.brand-ring svg{animation:brand-arrival .72s cubic-bezier(.22,.68,.3,1) both}}
@keyframes brand-arrival{0%{transform:rotateY(-180deg) rotateZ(-12deg)}100%{transform:rotateY(0) rotateZ(0)}}
.hero.research-opening{max-width:1120px;display:grid;grid-template-columns:minmax(0,420fr) minmax(0,640fr);grid-template-rows:auto auto;column-gap:60px;row-gap:32px;align-content:center;align-items:start;text-align:left;min-height:clamp(590px,calc(90svh - 88px),780px);padding:64px 0 84px}
.opening-copy{grid-column:1;grid-row:1;align-self:end}
.research-opening h1{font-size:clamp(43px,4.5vw,56px);font-weight:300;letter-spacing:-.018em;line-height:1.14;font-kerning:normal;margin:0;max-width:15ch;color:var(--ink);text-wrap:initial;animation:none}
.research-opening h1 span{display:block}
.research-opening .hero-description{font-size:16px;line-height:1.6;letter-spacing:0;margin:24px 0 0;max-width:none;text-wrap:pretty;animation:none;color:var(--muted)}
.research-opening .signup{grid-column:1;grid-row:2;margin:0;width:100%;max-width:416px;animation:none}
.research-opening .consent-line{margin:14px 0 0;text-align:left;text-wrap:pretty;font-size:11px;line-height:1.6;max-width:100%}
.research-figure{min-width:0;margin:0;--plot-stroke:var(--ink);color:var(--ink)}
.research-opening .research-figure{grid-column:2;grid-row:1/span 2;align-self:center}
.research-canvas{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;outline-offset:4px;--opening-label:15px}
.research-figure[data-ready] .research-canvas{cursor:grab}
.research-figure[data-dragging] .research-canvas{cursor:grabbing}
.research-canvas,.research-canvas *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.research-canvas::selection,.research-canvas *::selection{background:transparent}
.research-canvas text{font-family:var(--font-ui);font-size:var(--opening-label);fill:var(--muted);letter-spacing:0}
.research-canvas path,.research-canvas line,.research-canvas circle{vector-effect:non-scaling-stroke}
.research-grid{fill:none;stroke:var(--line);stroke-width:.7}
.research-axis{fill:none;stroke:var(--strong-line);stroke-width:.8}
.research-curve{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.research-reference{stroke:var(--mg5-blue);stroke-dasharray:4 5;stroke-width:1.3}
.research-band{fill:var(--mg5-blue);fill-opacity:.16;stroke:none}
.research-dot{fill:var(--paper);stroke:var(--ink);stroke-width:1.3}
.research-dot.is-active{fill:var(--ink);stroke:var(--paper);stroke-width:1.5}
.research-baseline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:0;min-height:44px}
.research-legend{display:flex;align-items:center;gap:24px;list-style:none;font-size:12px;color:var(--muted)}
.research-legend li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.research-legend i{display:inline-block;width:22px;border-top:1.5px solid var(--ink)}
.research-legend li:first-child i{border-top:1px dashed var(--mg5-blue)}
.research-controls{display:flex;gap:0;align-items:center}
.research-controls button{border:0;background:transparent;color:var(--muted);font-size:12px;width:44px;height:44px;padding:0;position:relative;line-height:1}
.research-controls button[aria-pressed=true]{color:var(--ink)}
.research-controls button[aria-pressed=true]:after{content:'';position:absolute;width:18px;height:1px;background:currentColor;bottom:7px;left:13px}
.research-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);max-width:none;text-wrap:pretty}
.research-figure figcaption a{text-decoration:none;border-bottom:1px solid var(--line)}
.research-figure figcaption a:hover{border-color:var(--ink)}
.research-readout{display:block;min-height:38px;margin-top:10px;font-size:11px;line-height:1.65;color:var(--muted);font-variant-numeric:tabular-nums}
.research-readout .readout-idle{color:var(--muted)}
.research-readout strong{font-weight:500;color:var(--ink)}
.document-body{max-width:72ch;font-size:17px;line-height:1.75}
.document-body .prose p,.acknowledgements p{text-align:justify;text-align-last:start;hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:initial}
.document-body .prose p+p{margin-top:12px;text-indent:0}
.document-body .prose p:has(>a:only-child){text-indent:0;text-align:left;margin-top:20px}
.document-body h2{font-size:28px;line-height:1.3;margin:48px 0 20px}
.document-body .method-figure{margin:32px 0 48px;border-top:1px solid var(--line);padding:16px 20px 0;max-width:100%}
.document-body .research-readout{text-align:left;text-indent:0}
.acknowledgements{max-width:960px}
.acknowledgements h2{font-size:15px;margin-bottom:16px}
.acknowledgements p{font-size:15px;line-height:1.8;max-width:72ch}
.site-footer>div{flex-wrap:wrap}
.copyright{font-size:11px;white-space:normal}
.ui-path{white-space:nowrap;word-spacing:normal}
.fields{border-bottom:1px solid var(--line)}
.fields li{padding-block:22px}
.library-section{padding-bottom:48px}
.document-heading{margin-bottom:28px}
.document-heading>p{margin-top:18px}
.document-body>.prose>:first-child{margin-top:0}
@media(min-width:761px) and (max-width:1050px){
 .hero.research-opening{column-gap:24px;grid-template-columns:minmax(0,43fr) minmax(0,57fr);padding-block:64px;min-height:600px}
 .research-opening h1{font-size:42px}.research-opening .hero-description{font-size:15px;max-width:29ch}
 .research-opening .notify{padding-left:12px}.research-opening .notify button{padding-inline:9px}.research-opening .button-idle>span{margin-left:5px}
 .research-opening .notify input{font-size:13px}.research-opening .notify button{font-size:12px}
}
@media(max-width:760px){
 .hero.research-opening{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:38px 0 54px;max-width:520px}
 .opening-copy{align-self:auto;order:0}.research-opening h1{font-size:clamp(34px,7.8vw,46px);line-height:1.14;letter-spacing:-.015em;max-width:none}
 .research-opening .hero-description{font-size:14px;line-height:1.6;margin:16px 0 0;max-width:none}
 .research-opening .research-figure{order:1;width:100%;margin:16px 0 22px}
 .research-opening .signup{order:2;width:100%;max-width:none}
 .research-opening .consent-line{font-size:11px;max-width:44ch}
 .research-canvas{--opening-label:23px;touch-action:pan-y}
 .research-legend{gap:16px;font-size:11px}.research-figure figcaption{font-size:11px}
 .research-readout{font-size:11px;min-height:38px;margin-top:6px}
 .document-body{font-size:16px;line-height:1.75}.document-body .prose p,.acknowledgements p{text-align:left;hyphens:none;-webkit-hyphens:none;text-wrap:pretty}
 .document-body .prose p+p{margin-top:12px;text-indent:0}
 .document-body h2{font-size:25px}.document-body .method-figure{padding:12px 0 0;margin:24px 0 36px}
 .acknowledgements p{font-size:14px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.research-opening *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hero.research-opening{min-height:0;display:block}.research-controls,.research-readout,.research-opening .signup{display:none}.research-canvas{max-width:600px}}
