.playful-home{--paper:var(--bg);--ink:#243e5c;--electric:var(--accent);background:var(--paper);color:var(--ink)}
.playful-home .site-header{background:var(--paper);border-bottom:1px solid #182d4220}
.playful-home .header-inner{max-width:1240px;padding-inline:32px}
.playful-home .site-nav a{border-radius:100px;transition:transform .35s cubic-bezier(.2,1.8,.4,1),background .2s}
.playful-home .site-nav a:hover{transform:translateY(-4px);background:var(--surface-muted)}
.playful-home .site-nav a.is-active{color:var(--nav-emphasis)}
.playful-home .site-nav a:hover,.playful-home .site-nav a:focus-visible{color:var(--nav-emphasis);background:var(--surface-muted)}
.posterior-hero{max-width:1240px;margin:auto;padding:120px 32px 28px}
.lab-kicker,.art-topline,.art-bottomline,.research-kicker,.explore-research{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.12em}
.lab-kicker{display:flex;align-items:center;gap:10px;margin:0 0 28px}
.lab-kicker span{width:8px;height:8px;border-radius:50%;background:var(--electric)}
.posterior-heading h1{font-family:Georgia,serif;font-size:clamp(48px,6.8vw,96px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:0;color:var(--ink)}
.posterior-heading h1 em{font-weight:400;color:var(--electric)}
.posterior-heading{position:relative}
.posterior-intro{position:absolute;right:0;bottom:6px;width:250px;font-size:17px;line-height:1.5}
.posterior-intro p{margin:0 0 14px}
.posterior-intro .posterior-affiliation{font-size:12px;color:#68727b;margin:0}
.posterior-art{margin-top:42px;border-top:1px solid #182d4230;border-bottom:1px solid #182d4230;position:relative}
.art-topline,.art-bottomline{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#677079;font-size:9px;padding:15px 0;letter-spacing:.1em}
.replay-particles{border:1px solid #182d4230;border-radius:30px;padding:9px 16px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;transition:transform .3s cubic-bezier(.2,1.8,.4,1),background .2s}
.replay-particles:hover{background:#e0e6ff;transform:rotate(-4deg) scale(1.06)}
#posterior-canvas{display:block;width:100%;height:280px;touch-action:pan-y}
.art-bottomline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--electric);margin-right:7px}
.explore-research{display:flex;justify-content:space-between;align-items:center;padding-top:23px;text-decoration:none;color:var(--ink);letter-spacing:.03em}
.explore-research span{display:grid;place-items:center;background:#dce4ff;color:var(--electric);width:34px;height:34px;border-radius:50%;font-size:20px;transition:transform .3s}
.explore-research:hover span{transform:translateY(4px)}
.playful-home .research-areas-section{background:var(--paper);padding:80px 48px 100px}
.playful-home .research-areas-section .section-inner{max-width:1344px}
.playful-home .research-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.58fr);gap:70px}
.research-kicker{color:var(--electric);margin:0 0 14px;font-size:10px}
.playful-home .research-content h2{font-size:clamp(34px,4vw,52px);font-weight:400;letter-spacing:-.035em}
.playful-home .home-topic-list{border-color:#182d4230}
.playful-home .home-topic-list .topic{border-color:#182d4225;transition:padding .3s cubic-bezier(.2,1.5,.4,1),background .3s}
.playful-home .home-topic-list .topic:hover{padding-left:12px;background:#e9edff}
.playful-home .topic-index{color:var(--ink)}
.playful-home .home-topic-list .topic h3{font-size:18px;font-weight:700}
.playful-home .research-signature{margin-top:66px;transform:rotate(3deg);box-shadow:12px 14px 0 #e0e5fa;border:0;border-radius:4px;transition:transform .4s cubic-bezier(.2,1.5,.4,1)}
.playful-home .research-signature:hover{transform:rotate(0deg) translateY(-7px)}
.playful-home .site-footer{background:var(--heading)}
.gp-figure{align-self:center;width:100%;min-width:0;margin:42px 0 0;padding:18px 0 12px;border-top:1px solid #182d4220}
.gp-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;color:#395ed8}
.gp-observations{font-size:10px;font-weight:400;letter-spacing:.1em;color:#74808a;font-variant-numeric:tabular-nums}
#gp-canvas{display:block;width:100%;height:235px;margin-top:12px}
.gp-figure figcaption{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;color:#74808a}
.gp-figure figcaption>span:last-child{margin-left:auto;font-size:9px}
.gp-mean-key:before,.gp-band-key:before{content:'';display:inline-block;width:15px;height:2px;background:#395ed8;margin-right:6px;vertical-align:middle}
.gp-band-key:before{height:8px;background:#395ed845;border:1px solid #395ed870}
.research-select{font:inherit;text-align:left;color:inherit;background:none;border:0;padding:10px 0;width:100%;cursor:pointer;line-height:1.5}
.research-select:focus-visible{outline:2px solid #395ed8;outline-offset:6px}
.playful-home .home-topic-list .topic.is-selected{background:#395ed809}
.playful-home .home-topic-list .topic h3{color:var(--ink)}
.playful-home .home-topic-list .topic:hover h3,.playful-home .home-topic-list .topic:focus-within h3,.playful-home .home-topic-list .topic:hover .topic-index,.playful-home .home-topic-list .topic:focus-within .topic-index{color:var(--electric)}
.graphic-controls{border-top:1px solid #182d4218;margin-top:18px;padding-top:14px}
.graphic-controls label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#526473}
.graphic-controls output{font-variant-numeric:tabular-nums;color:#395ed8}
.graphic-controls input{display:block;width:100%;accent-color:#395ed8;min-height:30px;cursor:pointer;margin:5px 0}
.graphic-controls input:focus-visible{outline:2px solid #395ed8;outline-offset:3px}
.graphic-controls p{font-size:11px;line-height:1.7;color:#74808a;word-break:keep-all;margin:4px 0 0;min-height:38px}
.graphic-actions{display:flex;justify-content:flex-end;gap:8px;margin:3px 0 9px}
@media(max-width:700px){.playful-home .home-topic-list .topic h3{font-size:16px;font-weight:700}}
.graphic-actions button{font:inherit;font-size:10px;color:#395ed8;border:1px solid #395ed830;background:transparent;border-radius:20px;padding:6px 12px;cursor:pointer}
.graphic-actions button:hover{background:#395ed80d}.graphic-actions button:disabled{opacity:.4;cursor:default}
.graphic-actions button:focus-visible{outline:2px solid #395ed8;outline-offset:3px}
.gp-figure[data-mode="1"] .gp-band-key:before{background:#182d4209;border-color:#182d4215}
.gp-figure[data-mode="2"] .gp-band-key:before,.gp-figure[data-mode="3"] .gp-band-key:before{height:0;background:none;border:0;border-top:2px dashed #8995a5}
@media(max-width:700px){.gp-figure{margin-top:8px}#gp-canvas{height:220px}}
@media(min-width:1500px){#posterior-canvas{height:330px}}
@media(max-width:1050px){.posterior-intro{position:static;display:flex;justify-content:space-between;gap:24px;width:auto;margin-top:25px;max-width:650px}.posterior-intro p{max-width:310px}.posterior-heading h1{font-size:clamp(48px,8vw,80px)}.playful-home .research-layout{gap:36px}}
@media(max-width:700px){.posterior-hero{padding:40px 22px 22px}.lab-kicker{font-size:9px;letter-spacing:.07em;margin-bottom:22px}.posterior-heading h1{font-size:clamp(42px,10vw,66px)}.posterior-intro{display:block;font-size:15px}.posterior-intro .posterior-affiliation{font-size:11px}.posterior-art{margin-top:28px}#posterior-canvas{height:230px}.art-bottomline{font-size:8px}.art-bottomline>span:last-child{display:none}.playful-home .research-areas-section{padding:55px 22px 70px}.playful-home .research-layout{grid-template-columns:1fr}.playful-home .research-signature{margin-top:12px;width:100%;max-width:380px;justify-self:center}.playful-home .header-inner{padding-inline:18px}.playful-home .home-topic-list .topic h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.playful-home *{scroll-behavior:auto!important;transition:none!important}}
.posterior-heading h1{font-family:var(--font-sans);font-size:clamp(38px,4.6vw,66px);font-weight:700;line-height:1.3;letter-spacing:-.055em;word-break:keep-all}
.posterior-heading h1 em{font-style:normal;font-weight:700}
.home-greeting{font-size:clamp(20px,2.3vw,28px);margin:48px 0 12px;color:var(--ink);letter-spacing:-.035em}
.home-introduction{margin-top:28px;font-family:var(--font-sans);font-weight:700;letter-spacing:-.055em;font-size:clamp(15px,1.8vw,20px);line-height:1.8;color:#526473;word-break:keep-all}
.home-introduction p{margin:0}
.playful-home .home-introduction,
.playful-home .gp-heading,
.playful-home .gp-observations,
.playful-home .gp-figure figcaption,
.playful-home .graphic-controls label,
.playful-home .graphic-controls output,
.playful-home .graphic-controls p,
.playful-home .graphic-actions button{color:var(--ink)}
.playful-home .graphic-actions button:hover,
.playful-home .graphic-actions button:focus-visible{color:var(--electric)}
@media(max-width:700px){.posterior-hero{padding-top:80px}}
.posterior-hero .explore-research{margin-top:58px;border-top:1px solid #182d4230}
.posterior-intro{font-size:15px;width:225px}
.distribution-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;padding:8px 0}
.distribution-legend span:before{content:'';display:inline-block;width:20px;height:3px;margin-right:8px;vertical-align:middle;background:currentColor}
.distribution-legend small{font-size:11px;opacity:.8;margin-left:4px}
.prior-key{color:#758292}.likelihood-key{color:#b96b2b}.posterior-key{color:#395ed8}
.bayes-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:18px 0;border-top:1px solid #182d4220;align-items:center}
.bayes-controls label{font-size:12px;font-weight:600;color:var(--ink)}
.bayes-controls output{float:right;font-variant-numeric:tabular-nums;color:var(--electric)}
.bayes-controls input{display:block;width:100%;margin:14px 0 0;accent-color:var(--electric);cursor:pointer;min-height:24px}
.bayes-equation{font-family:Georgia,serif;text-align:right;font-size:clamp(14px,1.4vw,20px);white-space:nowrap;margin:0}
.bayes-equation span{color:#d38542;margin:0 3px}
.bayes-explanation{font-size:13px;line-height:1.8;color:#526473;margin:0 0 12px;min-height:24px;word-break:keep-all}
.bayes-model{font-size:11px;color:#68727b;padding-bottom:16px;line-height:1.8;max-width:780px}
.bayes-model summary{cursor:pointer;width:fit-content}.bayes-model p{margin:8px 0 0}
.replay-particles:focus-visible,.bayes-controls input:focus-visible,.bayes-model summary:focus-visible{outline:2px solid var(--electric);outline-offset:5px}
.playful-home .research-content h2{font-family:var(--font-sans);font-size:clamp(22px,2.1vw,28px);font-weight:650;word-break:keep-all}
@media(max-width:1100px){.posterior-intro{position:static;display:flex;justify-content:space-between;gap:24px;width:auto;max-width:650px;margin-top:25px}.posterior-intro p{max-width:310px}}
@media(max-width:700px){.posterior-heading h1{font-size:clamp(30px,6.7vw,46px)}.posterior-intro{display:block}.bayes-controls{grid-template-columns:1fr 1fr;gap:20px}.bayes-equation{grid-column:1/-1;text-align:center;font-size:18px}.distribution-legend{gap:12px;font-size:11px}.distribution-legend small{display:block;margin-left:28px}.art-topline{letter-spacing:0;font-size:10px}.bayes-explanation{font-size:12px}}