:root{--paper:#fbfbf9;--ink:#202321;--dim:#8c928f;--line:#d9dfdc;--tint:#dceae8;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{color:inherit}button{background:none;border:0;padding:0;cursor:pointer;font:inherit}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid #728e89;outline-offset:7px}.page{position:relative;min-height:640px;height:100svh;overflow:hidden;background:var(--paper)}
.masthead{position:absolute;top:0;left:0;right:0;height:92px;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 2.4%;z-index:2}.parent,.about-link{font:10px var(--mono);letter-spacing:.02em}.parent{color:#a2aaa6}.parent:hover,.about-link:hover{color:#42544e}.brand{position:absolute;left:50%;top:24px;transform:translateX(-50%);font:400 28px Georgia,'Times New Roman',serif;letter-spacing:-1.4px}.about-link span{margin-left:18px}
.center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:min(520px,88vw);display:flex;flex-direction:column;align-items:center;text-align:center}.diagram-button{width:min(330px,64vw);aspect-ratio:1;display:block;transition:transform .5s}.diagram-button:hover{transform:scale(1.015)}.diagram{display:block;width:100%;height:100%;overflow:visible}.guide{fill:none;stroke:#e9edeb;stroke-width:.6}.guide circle:last-child{fill:#d9e5e1;stroke:none}.drawing{transform-origin:180px 180px}.shape{fill:none;stroke:#c6d4d0;stroke-width:.85}.shape[hidden]{display:none}.shape circle:not(:first-child){fill:#c6d4d0;stroke:none}.shape text{font:10px var(--mono);letter-spacing:2px;fill:#9eada8;stroke:none}.shape[data-shape=deck] path{stroke:#dde5e2;stroke-width:.5}.model-line{margin:11px 0 27px;font:9px var(--mono);letter-spacing:.12em;color:#98a39e}.model-line span{margin:0 8px;color:#c5d3ce}h1{font:400 clamp(23px,2.3vw,34px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0}.subline{font:11px var(--mono);color:#8c9792;margin:14px 0 0}.answer{height:34px;display:flex;align-items:center;gap:10px;margin-top:18px}.answer #result{font:24px Georgia,'Times New Roman',serif}.answer small{font:9px var(--mono);color:#95a09b;letter-spacing:.05em}.answer small:only-child{font-size:9px}
.footer{position:absolute;left:2.4%;right:2.4%;bottom:26px;display:flex;align-items:end;justify-content:space-between;gap:20px}.model-nav{display:flex;align-items:end;gap:23px}.model-nav button{display:flex;flex-direction:column;align-items:start;gap:8px;font:10px var(--mono);color:#b3bcb7}.model-nav button span{letter-spacing:.1em}.model-nav button b{font:10px var(--mono);font-weight:400;opacity:0;white-space:nowrap}.model-nav button.selected,.model-nav button:hover{color:#526f65}.model-nav button.selected b,.model-nav button:hover b{opacity:1}.run{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);font:10px var(--mono);white-space:nowrap;padding:10px 14px;border-radius:20px;background:#eff4f0;color:#577369}.run:hover{background:#e1eee6}.run span{margin-left:10px;color:#90a89e}.run:disabled{opacity:.55}.pagination{font:10px var(--mono);color:#a9b4ae;white-space:nowrap}
dialog{color-scheme:light;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#fff}.dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;padding:30px 3%;font:10px var(--mono);background:var(--paper);z-index:1}.dialog-head button{font:10px var(--mono)}.dialog-content{max-width:650px;margin:50px auto 80px;padding:0 25px}.small-label{font:9px var(--mono);letter-spacing:.1em;color:#9ba8a1}.dialog-content h2{font:400 clamp(58px,6vw,84px)/.98 Georgia,serif;letter-spacing:-.06em;margin:25px 0 35px}.dialog-content h2 em{font-weight:400;color:#a4b2aa}.dialog-content>p:not(.small-label):not(.disclosure):not(.signoff){font:16px/1.6 Arial,sans-serif;max-width:460px;color:#6a746e}.dialog-content dl{margin:45px 0 35px}.dialog-content dl div{display:flex;justify-content:space-between;gap:30px;padding:17px 0;border-top:1px solid var(--line);font:11px var(--mono)}.dialog-content dd{margin:0;text-align:right;color:#69756e}.disclosure,.signoff{font:10px/1.7 var(--mono);color:#9ba69f;max-width:540px}.signoff{margin-top:50px}
@media(max-width:700px){.page{min-height:650px}.masthead{height:75px;padding:24px 6%}.parent{font-size:7px;max-width:90px;line-height:1.5}.brand{top:19px;font-size:25px}.about-link{font-size:8px}.about-link span{margin-left:5px}.center{top:45%;width:90vw}.diagram-button{width:min(275px,68vw)}.model-line{font-size:8px;margin:5px 0 20px}h1{font-size:25px;max-width:280px}.subline{font-size:9px}.footer{left:6%;right:6%;bottom:29px;align-items:end}.model-nav{gap:14px}.model-nav button{font-size:9px;gap:7px}.model-nav button b{font-size:8px}.model-nav button:not(.selected) b{display:none}.run{bottom:70px;left:50%;font-size:10px}.pagination{font-size:9px}.dialog-head{padding:24px 6%}.dialog-content{margin-top:35px}.dialog-content dl div{font-size:9px}}
@media(max-width:380px){.model-nav{gap:10px}.model-nav button b{font-size:7px}.center{top:44%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}.diagram-button:hover{transform:none}}
.wheel-control[hidden]{display:none}.wheel-control{display:flex;align-items:center;gap:9px;margin-top:16px;font:9px var(--mono);letter-spacing:.08em;color:#80918d}.wheel-control input{width:42px;border:0;border-bottom:1px solid #bdc8c4;border-radius:0;background:transparent;color:#415f59;text-align:center;font:12px var(--mono);outline:none;padding:3px 0;appearance:textfield}.wheel-control input::-webkit-inner-spin-button,.wheel-control input::-webkit-outer-spin-button{appearance:none}.wheel-control span{color:#b5c0bb}.shape{transform-origin:180px 180px}.shape[data-shape=coin]{stroke:#a8c1c5}.shape[data-shape=coin] text{fill:#88a6ab}.shape[data-shape=dice]{stroke:#b8b3ce}.shape[data-shape=deck]{stroke:#c8b5ad}.shape[data-shape=wheel]{stroke:#b8bfae}.shape[data-shape=wheel] circle{fill:none}.shape[data-shape=wheel] circle:last-child{fill:#b8bfae;stroke:none}#wheel-rotor{transform-origin:180px 180px}#wheel-highlight{fill:#e4e9d9;stroke:none}.wheel-pointer{fill:#a3ad92;stroke:none}.outcome-mark{font:20px Georgia,serif!important;letter-spacing:0!important;text-anchor:middle;fill:#65605f!important;paint-order:stroke;stroke:var(--paper)!important;stroke-width:7px!important;stroke-linejoin:round}.shape[data-shape=deck] .outcome-mark{font-size:24px!important}
.answer{height:66px;display:flex;flex-direction:column;justify-content:center;gap:5px;margin-top:12px}.answer #result{font:400 30px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.04em}.answer small{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9ba7a0}.answer #result:empty+small{margin-top:14px}@media(max-width:700px){.answer{height:59px;margin-top:8px}.answer #result{font-size:27px}}
.shape[data-shape=coin] .inner-ring{fill:none;stroke:#dce7e5;stroke-width:.55}.shape[data-shape=coin] .coin-letter{font:400 70px Georgia,'Times New Roman',serif;letter-spacing:-.06em;text-anchor:middle;fill:#829ea4}.shape[data-shape=coin] .coin-face-label{font:9px var(--mono);letter-spacing:.18em;text-anchor:middle;fill:#a6bab9}.shape[data-shape=dice] rect{fill:none}.shape[data-shape=dice] #dice-pips circle{fill:#a9a9c1;stroke:none}.shape[data-shape=deck] #deck-back[hidden],.shape[data-shape=deck] #deck-face[hidden]{display:none}.shape[data-shape=deck] #deck-back path{fill:none;stroke:#d7c9c1;stroke-width:.6}.shape[data-shape=deck] #deck-face text{stroke:none;fill:#9c948f;letter-spacing:0}.shape[data-shape=deck] #deck-face.red-suit text{fill:#bd8c86}.shape[data-shape=deck] #deck-rank,.shape[data-shape=deck] #deck-rank-bottom{font:18px Georgia,serif}.shape[data-shape=deck] #deck-rank-bottom{text-anchor:end}.shape[data-shape=deck] #deck-suit{font:68px Georgia,serif;text-anchor:middle}.shape[data-shape=wheel] .sector{fill:#f4f6f2;stroke:#cbd5ca;stroke-width:.75}.shape[data-shape=wheel] .sector-alt{fill:#fafbf9}.shape[data-shape=wheel] .sector.selected-sector{fill:#e2ebe1}.shape[data-shape=wheel] .sector-label{font:8px var(--mono);text-anchor:middle;letter-spacing:0;fill:#9caaa0;stroke:none}
.diagram-button{position:relative}.coin-object[hidden]{display:none}.coin-object{position:absolute;inset:0;display:grid;place-items:center;perspective:650px;pointer-events:none}.coin-flipper{position:relative;display:block;width:64.5%;aspect-ratio:1;transform-style:preserve-3d;transform-origin:center}.coin-side{position:absolute;inset:0;display:block;border-radius:50%;background:var(--paper);backface-visibility:hidden;-webkit-backface-visibility:hidden}.coin-side svg{display:block;width:100%;height:100%}.coin-reverse{transform:rotateY(180deg)}.coin-border,.coin-inner{fill:none;stroke:#a8c1c5;stroke-width:1.1}.coin-inner{stroke:#dce7e5;stroke-width:.7}.portrait-fill{fill:#e8f0ed;stroke:#98b0ae;stroke-width:1.2}.portrait-line{fill:none;stroke:#98b0ae;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.reverse-motif{fill:none;stroke:#98b0ae;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.coin-caption{font:9px var(--mono);letter-spacing:3px;text-anchor:middle;fill:#8ea9a7}
.dice-object[hidden]{display:none}.dice-object{position:absolute;inset:0;display:grid;place-items:center;perspective:700px;pointer-events:none}.dice-view{display:block;width:47%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-25deg)}.dice-cube{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.dice-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;padding:17%;border:1px solid #bbb6cf;border-radius:9%;background:#fbfafc;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 22px #e8e6ee}.dice-face:nth-child(even){background:#f4f2f8}.die-pip{display:block;width:15px;aspect-ratio:1;border-radius:50%;background:#a9a4bf}.face-one{transform:translateZ(calc(min(330px, 64vw) * .235))}.face-six{transform:rotateY(180deg) translateZ(calc(min(330px, 64vw) * .235))}.face-three{transform:rotateY(90deg) translateZ(calc(min(330px, 64vw) * .235))}.face-four{transform:rotateY(-90deg) translateZ(calc(min(330px, 64vw) * .235))}.face-two{transform:rotateX(90deg) translateZ(calc(min(330px, 64vw) * .235))}.face-five{transform:rotateX(-90deg) translateZ(calc(min(330px, 64vw) * .235))}@media(max-width:700px){.dice-view{width:50%}.dice-face{transform-origin:center}.die-pip{width:11px}.face-one{transform:translateZ(calc(min(275px, 68vw) * .25))}.face-six{transform:rotateY(180deg) translateZ(calc(min(275px, 68vw) * .25))}.face-three{transform:rotateY(90deg) translateZ(calc(min(275px, 68vw) * .25))}.face-four{transform:rotateY(-90deg) translateZ(calc(min(275px, 68vw) * .25))}.face-two{transform:rotateX(90deg) translateZ(calc(min(275px, 68vw) * .25))}.face-five{transform:rotateX(-90deg) translateZ(calc(min(275px, 68vw) * .25))}}
.parent{display:inline-flex;align-items:center;gap:9px}.nodus-mark{display:block;width:25px;height:16px;flex:none}.dialog-content{max-width:760px}.dialog-content h2{font-size:clamp(49px,5.2vw,76px);line-height:1.02;margin:25px 0 32px}.dialog-content>p:not(.small-label):not(.disclosure):not(.signoff){max-width:530px}.shape[data-shape=deck].revealed #deck-back{display:none}.shape[data-shape=deck] #deck-face rect{fill:var(--paper);stroke:#c8b5ad;stroke-width:.8}.shape[data-shape=deck] #deck-pips .card-pip{font:23px Georgia,serif;text-anchor:middle;letter-spacing:0}.shape[data-shape=deck] #deck-center-rank{font:38px Georgia,serif;text-anchor:middle}.shape[data-shape=deck] #deck-face.court #deck-suit{font-size:36px}@media(max-width:700px){.parent{gap:5px}.nodus-mark{width:20px;height:13px}.dialog-content h2{font-size:clamp(42px,10vw,60px)}}
.disclosure{font:400 21px/1.35 Georgia,'Times New Roman',serif;color:var(--ink);max-width:640px}.disclosure em{font-weight:400;color:#a4b2aa}@media(max-width:700px){.disclosure{font-size:18px}}
.dialog-content{max-width:none;width:100%;padding:0 3%;margin:62px auto 80px}.dialog-content h2{font-size:clamp(42px,4vw,64px);line-height:1.08;margin:20px 0 30px}.dialog-content>p:not(.small-label):not(.disclosure):not(.signoff){max-width:850px}.disclosure{max-width:none}@media(max-width:700px){.dialog-content{padding:0 6%;margin-top:42px}.dialog-content h2{font-size:clamp(38px,10vw,52px);line-height:1.02}}
.dialog-content{padding:0 6%}.disclosure{display:block;font-size:16px;line-height:1.4}.disclosure em{white-space:normal;margin-left:.25em}

/* About is deliberately typeset as a small note in open space. */
.about-link{font:14px/1.2 Georgia,'Times New Roman',serif;letter-spacing:0;border-bottom:1px solid #87988d;padding-bottom:4px}
.about-link span{margin-left:8px;font-size:11px;color:#83998d}
#about .dialog-head{position:relative;justify-content:flex-end;padding:26px 6%;font:12px/1.2 Georgia,'Times New Roman',serif}
#about .dialog-head>span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
#about .dialog-head button{font:10px var(--mono)}
#about .dialog-content{position:relative;width:100%;max-width:none;min-height:calc(100svh - 70px);margin:0;padding:0 6% 55px}
#about .about-nav{position:absolute;right:6%;top:5px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:150px}
#about .paper-nav-label{font:9px var(--mono);letter-spacing:.12em;color:#8d9891;margin-bottom:7px}
#about .about-nav a{font:16px/1.1 Georgia,'Times New Roman',serif;text-align:left;border-bottom:1px solid transparent;padding-bottom:2px}
#about .about-nav a:hover{color:#567166;border-bottom-color:#567166}
#about .about-nav a span{font-size:11px;margin-left:8px;color:#99a8a0}
#about .about-story{width:min(525px,100%);padding-top:clamp(155px,27vh,270px)}
#about .about-story h2,#about .about-story p{font:16px/1.25 Georgia,'Times New Roman',serif;letter-spacing:0;color:var(--ink)}
#about .about-story h2{margin:0 0 22px}
#about .about-story p{margin:0 0 22px}
#about .about-story em{font-weight:400;color:#9aaba1}
#about .about-stats{display:flex;justify-content:flex-start;gap:30px;margin:34px 0 0}
#about .about-stats div{display:block;padding:0;border:0;font:inherit}
#about .about-stats dt{font:10px/1.2 var(--mono);color:#777f7a}
#about .about-stats dd{margin:8px 0 0;text-align:left;font:24px/1 Georgia,'Times New Roman',serif;color:var(--ink)}
@media(max-width:700px){
  .about-link{font-size:11px}
  #about .dialog-head{padding:24px 6%}
  #about .dialog-content{padding:0 6% 42px}
  #about .about-nav{right:6%;top:27px;gap:5px;min-width:110px}
  #about .about-nav a{font-size:12px}
  #about .about-story{padding-top:clamp(175px,29vh,260px)}
  #about .about-story h2,#about .about-story p{font-size:15px;line-height:1.35}
  #about .about-stats{gap:21px;flex-wrap:wrap}
  #about .about-stats dd{font-size:21px}
}

/* A quiet editorial front page with each model opening in place. */
html{scroll-behavior:smooth}
.masthead{position:sticky;top:0;height:76px;padding:25px 6%;align-items:center;background:rgba(251,251,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf0ed;z-index:10}
.masthead .brand{top:20px}
.site-nav{display:flex;gap:27px;align-items:center;font:12px/1 Georgia,'Times New Roman',serif}
.site-nav a{padding-bottom:3px;border-bottom:1px solid transparent}
.site-nav a:hover{border-color:#809b90}
.intro{min-height:calc(100svh - 76px);display:flex;flex-direction:column;padding:clamp(115px,20vh,190px) 6% 47px;scroll-margin-top:76px}
.intro-copy{max-width:680px}
.eyebrow{margin:0 0 22px;font:9px/1.2 var(--mono);letter-spacing:.15em;color:#899890}
.intro h1{max-width:680px;margin:0 0 28px;font:400 clamp(43px,5.1vw,70px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.055em}
.intro h1 em{font-weight:400;color:#a5b5a9}
.intro-copy>p:not(.eyebrow){font:16px/1.5 Georgia,'Times New Roman',serif;max-width:560px;margin:0 0 14px}
.intro-copy .intro-punchline{margin-top:39px!important}
.intro-punchline em{font-weight:400;color:#9aaba0}
.explore-link{margin-top:auto;align-self:flex-start;font:11px/1.2 var(--mono);letter-spacing:.02em;border-bottom:1px solid #91a69b;padding-bottom:8px}
.explore-link span{margin-left:20px}
.family{padding:55px 6% 130px;scroll-margin-top:76px}
.family-heading{padding-bottom:42px}
.family-heading h2{font:400 clamp(30px,3vw,43px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0}
.family-item{border-top:1px solid var(--line);scroll-margin-top:95px}
.family-item:last-child{border-bottom:1px solid var(--line)}
.family-top{display:grid;grid-template-columns:52px 1fr auto;align-items:baseline;gap:0;padding:28px 0 12px}
.family-number,.family-odds{font:10px/1.4 var(--mono);color:#899890}
.family-top h3{font:400 clamp(29px,3vw,43px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0}
.family-detail{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 0 30px 52px}
.family-detail>p{font:14px/1.4 Georgia,'Times New Roman',serif;color:#6d7972;margin:0}
.family-actions{display:flex;gap:30px;align-items:center;white-space:nowrap}
.family-actions button,.family-actions a{font:12px/1.2 Georgia,'Times New Roman',serif;border-bottom:1px solid #a5b5a9;padding:0 0 5px}
.family-actions button:hover,.family-actions a:hover{color:#587266;border-color:#587266}
.family-actions span{font-size:11px;margin-left:12px;color:#8da096}
.family-actions button span{display:inline-block;transition:transform .28s ease}
.family-actions button[aria-expanded="true"] span{transform:rotate(180deg)}
.model-panel[hidden]{display:none}
.model-panel{border-top:1px solid #e4e9e5;margin-bottom:28px}
#inference-stage.page{height:620px;min-height:620px;background:transparent}
#inference-stage .center{top:46%}
#inference-stage #tagline{font:400 clamp(23px,2.3vw,34px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0}
#inference-stage .footer{left:0;right:0;bottom:24px}
@media(max-width:700px){
  .masthead{height:68px;padding:20px 6%}
  .masthead .brand{top:18px;font-size:24px}
  .parent span{display:none}
  .site-nav{gap:15px;font-size:11px}
  .intro{min-height:calc(100svh - 68px);padding:clamp(105px,17vh,170px) 6% 32px;scroll-margin-top:68px}
  .intro h1{font-size:clamp(41px,11vw,57px);margin-bottom:25px}
  .intro-copy>p:not(.eyebrow){font-size:15px}
  .intro-copy .intro-punchline{margin-top:30px!important}
  .family{padding-top:45px;scroll-margin-top:68px;padding-bottom:90px}
  .family-heading{padding-bottom:32px}
  .family-heading h2{font-size:31px}
  .family-top{grid-template-columns:36px 1fr;row-gap:10px;padding:24px 0 13px}
  .family-top h3{font-size:31px}
  .family-odds{grid-column:2}
  .family-detail{display:block;padding:0 0 26px 36px}
  .family-detail>p{font-size:13px;margin-bottom:20px}
  .family-actions{gap:22px;flex-wrap:wrap}
  .family-actions button,.family-actions a{font-size:12px}
  #inference-stage.page{height:610px;min-height:610px}
  #inference-stage .center{top:45%}
  #inference-stage .footer{left:0;right:0;bottom:25px}
  #inference-stage #tagline{font-size:25px}
}
#inference-stage.page{height:530px;min-height:530px}
@media(max-width:700px){#inference-stage.page{height:570px;min-height:570px}}

/* Paradigm-inspired scale: a large wordmark, sparse copy, and hairline grid. */
.intro{position:relative;padding:38px 6% 42px;min-height:calc(100svh - 76px);border-bottom:1px solid var(--line)}
.intro-meta{display:flex;justify-content:space-between;gap:24px;font:9px/1.2 var(--mono);letter-spacing:.1em;color:#9ba8a1}
.hero-wordmark{font:400 clamp(124px,17vw,280px)/.85 Georgia,'Times New Roman',serif;letter-spacing:-.09em;white-space:nowrap;margin:clamp(55px,10vh,110px) 0 clamp(52px,9vh,90px) -.035em;color:var(--ink)}
.hero-wordmark span{color:#a7b9ad}
.intro-bottom{display:grid;grid-template-columns:minmax(0,700px) minmax(170px,270px);justify-content:space-between;gap:55px;align-items:end}
.intro-copy{max-width:700px}
.intro h1{font-size:clamp(36px,4vw,56px);line-height:1.08;margin:0 0 22px}
.intro-copy>p:not(.eyebrow){max-width:530px;font-size:15px;line-height:1.5;margin:0}
.intro-bottom .intro-punchline{font:13px/1.45 Georgia,'Times New Roman',serif;align-self:end;margin:0 0 3px}
.intro-bottom .intro-punchline em{color:#9aaba0}
.explore-link{margin-top:clamp(45px,7vh,75px)}
.family-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:45px}
.family-heading .eyebrow{margin:0 0 4px}
.family-heading h2{font-size:clamp(33px,3.3vw,47px)}
.family-top{padding-top:38px}
.family-top h3{font-size:clamp(38px,4.4vw,64px)}
.family-detail{padding-bottom:38px}
@media(max-width:700px){
  .intro{padding:30px 6% 34px;min-height:calc(100svh - 68px)}
  .intro-meta{font-size:8px;line-height:1.4}
  .intro-meta span:last-child{text-align:right}
  .hero-wordmark{font-size:clamp(83px,19vw,145px);margin:clamp(88px,17vh,150px) 0 clamp(70px,12vh,105px) -.04em}
  .intro-bottom{display:block}
  .intro h1{font-size:clamp(37px,9.4vw,51px);max-width:600px;margin-bottom:20px}
  .intro-copy>p:not(.eyebrow){font-size:14px}
  .intro-bottom .intro-punchline{margin-top:32px;font-size:13px}
  .explore-link{margin-top:56px}
  .family-heading{display:block;padding-bottom:38px}
  .family-heading .eyebrow{margin-bottom:15px}
  .family-heading h2{font-size:33px}
  .family-top{padding-top:27px}
  .family-top h3{font-size:36px}
  .family-detail{padding-bottom:30px}
}

/* Final direction: spare, technical, and interaction-led. */
.masthead{height:68px;padding:20px 2.4%;border:0;background:linear-gradient(to bottom,var(--paper) 72%,transparent);backdrop-filter:none}
.masthead .brand{top:18px;font-size:27px;letter-spacing:-1.3px}
.parent{font-size:9px;color:#9da5a0}
.menu-link{font:10px/1 var(--mono);padding:9px 13px;border-radius:18px;background:#f0f1ef}
.menu-link:hover{background:#e7ebe8}
.intro{height:calc(100svh - 68px);min-height:620px;padding:0 2.4% 27px;border-bottom:1px solid #eceeec;display:block;overflow:hidden;scroll-margin-top:68px}
.hero-system{position:absolute;left:50%;top:47%;width:320px;height:320px;transform:translate(-50%,-50%);color:#313633}
.system-orbit{position:absolute;inset:38px;border:1px solid #d8ddda;border-radius:50%;animation:system-turn 28s linear infinite}
.system-orbit:before,.system-orbit:after{content:"";position:absolute;inset:34px;border:1px solid #eaedeb;border-radius:50%}
.system-orbit:after{inset:78px;background:#f7f8f6;border-color:#dce2de}
.system-node{position:absolute;font:8px/1 var(--mono);letter-spacing:.08em;color:#7d8982;background:var(--paper);padding:4px 6px;white-space:nowrap}
.node-coin{left:50%;top:-9px;transform:translateX(-50%)}
.node-dice{right:-26px;top:50%;transform:translateY(-50%) rotate(90deg)}
.node-deck{left:50%;bottom:-9px;transform:translateX(-50%) rotate(180deg)}
.node-wheel{left:-30px;top:50%;transform:translateY(-50%) rotate(-90deg)}
.system-center{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-52%);font:400 38px/1 Georgia,'Times New Roman',serif;color:#9aaba1}
.system-axis{position:absolute;background:#e6e9e7}
.axis-x{left:0;right:0;top:50%;height:1px}
.axis-y{top:0;bottom:0;left:50%;width:1px}
.about-note{position:absolute;left:2.4%;bottom:28px;width:min(390px,45vw)}
.about-note .eyebrow{margin-bottom:13px}
.intro .about-note h1{max-width:390px;margin:0 0 13px;font-size:clamp(27px,2.7vw,40px);line-height:1.05;letter-spacing:-.045em}
.about-note>p:not(.eyebrow){max-width:360px;margin:0;font:13px/1.42 Georgia,'Times New Roman',serif;color:#5d6761}
.intro-punchline{position:absolute;right:2.4%;bottom:29px;margin:0;font:13px/1.4 Georgia,'Times New Roman',serif;text-align:right}
.intro-punchline em{color:#9baaa2}
.explore-link{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);margin:0;padding:10px 14px;border:0;border-radius:18px;background:#f0f1ef;font:10px/1 var(--mono)}
.explore-link:hover{background:#e7ebe8}
.explore-link span{margin-left:10px}
.family{padding:88px 2.4% 100px;scroll-margin-top:68px}
.family-heading{display:grid;grid-template-columns:1fr auto;align-items:end;padding:0 0 46px}
.family-heading .eyebrow{margin:0}
.family-heading h2{font-size:clamp(27px,2.7vw,40px)}
.family-top{grid-template-columns:52px 1fr auto;padding:27px 0 8px}
.family-top h3{font-size:clamp(27px,3vw,43px)}
.family-detail{padding:0 0 27px 52px}
.family-detail>p{font-size:13px}
.family-actions{gap:24px}
.family-actions button,.family-actions a{font:10px/1.2 var(--mono);border-bottom:1px solid #b9c1bc;padding-bottom:5px}
.family-actions span{font-size:9px;margin-left:9px}
.model-panel{margin-bottom:0}
@keyframes system-turn{to{transform:rotate(360deg)}}
@media(max-width:700px){
  .masthead{height:62px;padding:17px 6%}
  .masthead .brand{top:15px;font-size:25px}
  .parent span{display:none}
  .menu-link{font-size:9px;padding:8px 11px}
  .intro{height:calc(100svh - 62px);min-height:650px;padding:0 6% 24px;scroll-margin-top:62px}
  .hero-system{top:39%;width:260px;height:260px}
  .system-orbit{inset:34px}
  .system-orbit:before{inset:29px}
  .system-orbit:after{inset:62px}
  .about-note{left:6%;bottom:88px;width:82vw}
  .intro .about-note h1{font-size:30px;max-width:330px}
  .about-note>p:not(.eyebrow){font-size:12px;max-width:315px}
  .intro-punchline{display:none}
  .explore-link{bottom:23px}
  .family{padding:60px 6% 80px;scroll-margin-top:62px}
  .family-heading{display:block;padding-bottom:34px}
  .family-heading .eyebrow{margin-bottom:14px}
  .family-heading h2{font-size:30px}
  .family-top{grid-template-columns:34px 1fr;row-gap:8px;padding:22px 0 10px}
  .family-top h3{font-size:30px}
  .family-odds{grid-column:2}
  .family-detail{padding:0 0 24px 34px}
  .family-actions{gap:18px}
  .family-actions button,.family-actions a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.system-orbit{animation:none}}

/* One model viewer instead of a directory of oversized rows. */
.model-lab{position:relative;min-height:100svh;border-top:1px solid #eceeec;scroll-margin-top:68px;overflow:hidden}
.model-lab-head{position:relative;z-index:3;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.4%;border-bottom:1px solid #eceeec}
.model-lab-head .eyebrow{margin:0}
.model-tabs{display:flex;align-items:center;gap:20px}
.model-tabs button{font:10px/1 var(--mono);color:#9aa39e;white-space:nowrap}
.model-tabs button span{margin-right:5px}
.model-tabs button.selected,.model-tabs button:hover{color:#252a27}
.paper-link{justify-self:end;font:10px/1 var(--mono);padding-bottom:5px;border-bottom:1px solid #b8c1bc}
.paper-link span{margin-left:9px;color:#89968f}
.model-lab #inference-stage.page{height:calc(100svh - 66px);min-height:614px;background:transparent}
.model-lab #inference-stage .center{top:48%}
.model-lab #inference-stage .footer{left:2.4%;right:2.4%;bottom:25px}
@media(max-width:700px){
  .model-lab{scroll-margin-top:62px}
  .model-lab-head{height:92px;grid-template-columns:1fr auto;padding:17px 6% 0;align-content:start;row-gap:18px}
  .model-lab-head .eyebrow{padding-top:3px}
  .model-tabs{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px}
  .model-tabs button{font-size:9px}
  .paper-link{grid-column:2;grid-row:1;font-size:9px}
  .model-lab #inference-stage.page{height:calc(100svh - 92px);min-height:588px}
  .model-lab #inference-stage .center{top:50%}
  .model-lab #inference-stage .footer{left:6%;right:6%;bottom:24px}
}

/* Keep the introduction and model viewer in one continuous editorial rhythm. */
@media(min-width:701px){
  .about-note{width:min(650px,58vw)}
  .intro .about-note h1{max-width:none;white-space:nowrap}
  .intro{
    height:62svh;
    min-height:480px;
    border-bottom:0;
    overflow:visible;
  }
  .hero-system{
    top:36%;
    width:220px;
    height:220px;
  }
  .system-orbit{inset:30px}
  .system-orbit:before{inset:27px}
  .system-orbit:after{inset:59px}
  .model-lab{
    min-height:0;
    border-top:0;
  }
  .model-lab-head{
    height:64px;
    border-top:1px solid #e8ece9;
    background:var(--paper);
  }
  .model-lab #inference-stage.page{
    height:76svh;
    min-height:570px;
  }
  .model-lab #inference-stage .center{top:47%}
}

/* A solid die: restrained bevels, joined edges, and one continuous volume. */
.dice-view{
  --die-size:min(155px,30vw);
  width:var(--die-size);
  height:var(--die-size);
  aspect-ratio:auto;
  filter:drop-shadow(8px 12px 13px rgba(62,56,78,.10));
  transform:none;
}
.dice-cube{will-change:transform}
.dice-face{
  padding:18%;
  border:1px solid #aaa5bd;
  border-radius:1px;
  background:linear-gradient(145deg,#fff 0%,#f7f6fa 58%,#ebe9f1 100%);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),inset -5px -6px 12px rgba(90,82,112,.08);
}
.dice-face:nth-child(even){
  background:linear-gradient(145deg,#faf9fc 0%,#f1eff5 68%,#e5e2eb 100%);
}
.die-pip{
  width:13px;
  background:#777189;
  box-shadow:inset 1px 1px 2px rgba(45,40,59,.28),0 1px 0 rgba(255,255,255,.8);
}
.face-one{transform:translateZ(calc((var(--die-size) - 1px)/2))}
.face-six{transform:rotateY(180deg) translateZ(calc((var(--die-size) - 1px)/2))}
.face-three{transform:rotateY(90deg) translateZ(calc((var(--die-size) - 1px)/2))}
.face-four{transform:rotateY(-90deg) translateZ(calc((var(--die-size) - 1px)/2))}
.face-two{transform:rotateX(90deg) translateZ(calc((var(--die-size) - 1px)/2))}
.face-five{transform:rotateX(-90deg) translateZ(calc((var(--die-size) - 1px)/2))}
@media(max-width:700px){
  .intro{
    height:82svh;
    min-height:620px;
    border-bottom:0;
  }
  .hero-system{top:36%;width:230px;height:230px}
  .system-orbit{inset:30px}
  .system-orbit:before{inset:26px}
  .system-orbit:after{inset:55px}
  .model-lab{min-height:0;border-top:0}
  .model-lab-head{border-top:1px solid #e8ece9;background:var(--paper)}
  .model-lab #inference-stage.page{height:78svh;min-height:570px}
  .dice-view{--die-size:min(130px,32vw);width:var(--die-size);height:var(--die-size);filter:drop-shadow(6px 9px 10px rgba(62,56,78,.10))}
  .dice-face{border-radius:1px}
  .die-pip{width:10px}
}

/* Compose the About copy, family diagram, and punchline as one band. */
@media(min-width:1051px){
  .intro{height:56svh;min-height:430px}
  .hero-system{top:46%;width:280px;height:280px}
  .system-orbit{inset:35px}
  .system-orbit:before{inset:30px}
  .system-orbit:after{inset:68px}
  .about-note{
    top:46%;
    bottom:auto;
    transform:translateY(-50%);
  }
  .intro-punchline{
    top:46%;
    bottom:auto;
    transform:translateY(-50%);
  }
  .explore-link{bottom:18px}
}
@media(min-width:701px) and (max-width:1050px){
  .intro{height:58svh;min-height:450px}
  .hero-system{top:43%;width:190px;height:190px}
  .system-orbit{inset:25px}
  .system-orbit:before{inset:22px}
  .system-orbit:after{inset:48px}
  .about-note{top:43%;bottom:auto;width:36vw;transform:translateY(-50%)}
  .intro .about-note h1{white-space:normal}
  .intro-punchline{top:43%;bottom:auto;transform:translateY(-50%)}
}

/* The About statement is the introduction; the live family immediately follows it. */
@media(min-width:701px){
  .intro{height:38svh;min-height:300px}
  .about-note{top:50%;bottom:auto;transform:translateY(-50%)}
  .intro-punchline{top:50%;bottom:auto;transform:translateY(-50%)}
}
@media(max-width:700px){
  .intro{height:auto;min-height:410px;padding-bottom:36px}
  .about-note{top:45%;bottom:auto;transform:translateY(-50%)}
}

/* Final density: let the content, selector, and active model share the first view. */
@media(min-width:1051px){
  .intro{height:150px;min-height:150px}
  .model-lab #inference-stage.page{height:70svh;min-height:540px}
}
@media(min-width:701px) and (max-width:1050px){
  .intro{height:180px;min-height:180px}
  .model-lab #inference-stage.page{height:72svh;min-height:550px}
}
@media(max-width:700px){
  .intro{min-height:350px}
  .about-note{top:48%}
  .model-lab #inference-stage.page{height:74svh;min-height:550px}
}

/* One canvas: the family controls are part of the introduction, not a boxed section. */
.model-lab-head{
  height:54px;
  border-top:0;
  border-bottom:0;
  background:transparent;
}
.model-lab #inference-stage.page{border-top:0}
@media(min-width:1051px){
  .model-lab #inference-stage.page{height:68svh;min-height:520px}
}
@media(min-width:701px) and (max-width:1050px){
  .model-lab-head{height:58px}
}
@media(max-width:700px){
  .model-lab-head{height:84px;border:0;padding-top:13px}
  .model-lab #inference-stage.page{height:72svh;min-height:540px}
}

/* Natural document flow keeps the outcome and action together at every height. */
.intro{max-width:1120px;margin:0 auto}
.model-lab{overflow:visible;padding:8px 6% 32px}
.model-lab-head{display:flex;justify-content:center;gap:32px;height:auto;min-height:42px;padding:0;max-width:680px;margin:0 auto}
.model-lab-head .eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.model-tabs{gap:22px}
.paper-link{margin-left:12px;white-space:nowrap}
.model-lab #inference-stage.page{height:auto;min-height:0;overflow:visible;padding:12px 0 0}
.model-lab #inference-stage .center{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:680px;margin:0 auto}
.model-lab #inference-stage .diagram-button{width:clamp(220px,33vh,300px);max-width:70vw;flex-shrink:0}
.model-lab #inference-stage .model-line{margin:0 0 14px}
.model-lab #inference-stage #tagline{font-size:clamp(24px,2.2vw,32px);line-height:1.15}
.model-lab #inference-stage .subline{margin:10px 0 0}
.model-lab #inference-stage .answer{height:60px;margin:12px 0 0;gap:6px}
.model-lab #inference-stage .footer{position:relative;inset:auto;display:flex;justify-content:center;margin:8px auto 0;max-width:680px;min-height:36px}
.model-lab #inference-stage .run{position:relative;left:auto;bottom:auto;transform:none;padding:11px 18px}
.model-lab #inference-stage .pagination{position:absolute;right:0;top:13px}
@media(max-width:700px){
  .intro{height:auto;min-height:0;padding:32px 6% 28px}
  .about-note{position:static;transform:none;width:auto}
  .intro .about-note h1{max-width:none;font-size:30px}
  .model-lab-head{flex-wrap:wrap;gap:16px;padding-bottom:8px}
  .model-tabs{width:100%;justify-content:space-between}
  .paper-link{margin:0}
  .model-lab #inference-stage .pagination{right:0}
}

/* Centered composition, with the clear type and quiet links of an editorial page. */
:root{--ink:#151a17}
.masthead{position:relative;height:70px;padding:24px max(32px,4vw);background:var(--paper)}
.masthead .brand{top:19px;font-size:30px;letter-spacing:-1.25px}
.masthead .parent{font-size:10px;color:#77847c}
.intro{width:calc(100% - 96px);max-width:1120px;height:auto;min-height:0;padding:22px 0 28px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:32px;align-items:center;border:0;overflow:visible}
.about-note{position:static;transform:none;width:auto}
.intro .about-note h1{font-size:35px;line-height:1.12;letter-spacing:-.04em;margin:0 0 13px;max-width:none;white-space:normal}
.intro .about-note h1 em{color:#8d9e92}
.about-note>p:not(.eyebrow){font:16px/1.4 Georgia,'Times New Roman',serif;color:#414c44;max-width:470px}
.intro-punchline{position:static;transform:none;display:block;font:15px/1.4 Georgia,'Times New Roman',serif;color:#303b33;text-align:right;margin:0}
.intro-punchline em{color:#84958a}
.model-lab{min-height:0;padding:0 6% 28px}
.model-lab-head{min-height:46px;max-width:700px;gap:30px;align-items:center}
.model-tabs{gap:24px}
.model-tabs button{font:16px/1.3 Georgia,'Times New Roman',serif;color:#88938b;padding:5px 0}
.model-tabs button span{font:10px/1 var(--mono);margin-right:6px;color:#9aa59e}
.model-tabs button.selected,.model-tabs button:hover{color:#171e19;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.paper-link{font:14px/1.3 Georgia,'Times New Roman',serif;color:#3e4a42;margin-left:10px;padding:4px 0;border-bottom:0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.paper-link span{font:10px var(--mono);margin-left:5px;color:#738177}
.model-lab #inference-stage.page{padding-top:6px}
.model-lab #inference-stage .diagram-button{width:300px;max-width:78vw}
.model-lab #inference-stage .model-line{font:10px/1.4 var(--mono);letter-spacing:.08em;color:#6e8075;margin:0 0 14px}
.model-lab #inference-stage #tagline{font-size:34px;line-height:1.12;letter-spacing:-.035em}
.model-lab #inference-stage .subline{font:15px/1.4 Georgia,'Times New Roman',serif;color:#65736a;margin-top:12px}
.model-lab #inference-stage .answer{height:58px;margin-top:15px;gap:6px}
.model-lab #inference-stage .answer #result{font-size:31px}
.model-lab #inference-stage .answer small{font-size:10px;color:#78897e;letter-spacing:.06em}
.model-lab #inference-stage .footer{margin-top:8px;max-width:620px}
.model-lab #inference-stage .run{padding:11px 20px;font-size:12px;background:#edf0ed;color:#283c30;border-radius:20px}
.model-lab #inference-stage .run:hover{background:#e1e8e1}
.model-lab #inference-stage .run span{font-size:10px;color:#7b8e80}
.model-lab #inference-stage .pagination{font-size:10px;color:#89988e}
.wheel-control{color:#6e8075}
@media(max-width:800px){
 .intro{width:calc(100% - 64px);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
 .intro .about-note h1{font-size:30px}
 .about-note>p:not(.eyebrow){font-size:15px}
 .intro-punchline{font-size:14px}
}
@media(max-width:600px){
 .masthead{height:66px;padding:24px}
 .masthead .parent{font-size:8px}
 .masthead .brand{font-size:28px;top:19px}
 .intro{width:calc(100% - 48px);display:block;padding:20px 0 24px}
 .intro .about-note h1{font-size:30px;max-width:none}
 .about-note>p:not(.eyebrow){font-size:15px;max-width:none}
 .intro-punchline{display:none}
 .model-lab{padding:0 24px 28px}
 .model-lab-head{gap:12px;padding:0 0 8px}
 .model-tabs{gap:12px;justify-content:space-between}
 .model-tabs button{font-size:15px}
 .model-tabs button span{font-size:9px;margin-right:3px}
 .paper-link{margin:0;font-size:13px}
 .model-lab #inference-stage .diagram-button{width:275px}
 .model-lab #inference-stage #tagline{font-size:28px;max-width:360px}
 .model-lab #inference-stage .model-line{font-size:9px}
 .model-lab #inference-stage .subline{font-size:14px}
}

/* An instrument for uncertainty: measured details, one restrained signal color. */
:root{--signal:#c7e48e;--signal-ink:#526c32}
.local-status{margin-left:auto;font:9px/1 var(--mono);letter-spacing:.08em;color:#6c7a70;display:flex;align-items:center;gap:8px}
.local-status i{width:5px;height:5px;background:#8fa971;border-radius:50%}
.intro .about-note h1 em{color:#758a78}
.model-tabs button{transition:color .2s}
.model-tabs button.selected{text-decoration:none}
.model-tabs button.selected span{color:#21321f;background:var(--signal);padding:3px 4px;margin-left:-4px}
.model-lab #inference-stage.page{padding-top:14px}
.instrument{position:relative;width:430px;max-width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px;padding:14px 20px 12px;background:linear-gradient(#b4bfb5,#b4bfb5) top left/12px 1px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) top left/1px 12px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) top right/12px 1px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) top right/1px 12px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) bottom left/12px 1px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) bottom left/1px 12px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) bottom right/12px 1px no-repeat,linear-gradient(#b4bfb5,#b4bfb5) bottom right/1px 12px no-repeat}
.instrument-readout,.instrument-bottom{width:100%;display:flex;justify-content:space-between;gap:14px;font:9px/1.3 var(--mono);letter-spacing:.075em;color:#75837a}
.instrument-readout b{font-weight:400;color:#364c3c;margin-left:6px}
.instrument-bottom{font-size:9px}
#instrument-state{display:flex;gap:7px;align-items:center;color:#667c5f}
#instrument-state i{width:4px;height:4px;border-radius:50%;background:#9bae91}
.model-lab #inference-stage .instrument .diagram-button{width:270px;max-width:100%;margin:0}
.guide .dial-ticks{stroke:#a4b4a8;stroke-width:4;stroke-dasharray:.7 26.7;opacity:.65;transform-origin:180px 180px}
.guide>path{stroke:#dce4dc}
.instrument[data-state=sampling] .dial-ticks{animation:sample-dial 5s linear infinite;stroke:#718b58}
.instrument[data-state=sampling] #instrument-state i{animation:signal-pulse .7s ease-in-out infinite alternate;background:#799751}
.instrument[data-state=resolved] #instrument-state i{background:#738f4b;box-shadow:0 0 0 3px #e9efdf}
.model-lab #inference-stage .model-line{font-size:9px;letter-spacing:.11em;margin-bottom:11px}
.model-lab #inference-stage #tagline{font-size:36px;max-width:650px}
.model-lab #inference-stage #tagline em{font-weight:400;color:#758a78}
.model-lab #inference-stage .subline{font-size:14px;margin-top:10px}
.model-lab #inference-stage .run{background:#202c24;color:#f3f5ef;border-radius:3px;padding:12px 22px;transition:background .2s,transform .2s}
.model-lab #inference-stage .run:hover{background:#354936;transform:translateY(-1px)}
.model-lab #inference-stage .run span{color:#b3c49f}
.model-lab #inference-stage .answer{margin-top:12px;height:53px}
.model-lab #inference-stage .answer small{font-size:9px}
@keyframes sample-dial{to{transform:rotate(360deg)}}
@keyframes signal-pulse{to{opacity:.25}}
@media(prefers-reduced-motion:reduce){.instrument[data-state=sampling] .dial-ticks,.instrument[data-state=sampling] #instrument-state i{animation:none}}
@media(max-width:800px){.local-status{font-size:8px;letter-spacing:0}.local-status i{width:4px;height:4px}}
@media(max-width:600px){
 .local-status{display:none}
 .instrument{padding:12px 12px 10px;margin-bottom:18px}
 .instrument-readout,.instrument-bottom{font-size:7px;letter-spacing:.03em}
 .instrument-readout b{margin-left:3px}
 .model-lab #inference-stage .instrument .diagram-button{width:245px}
 .model-lab #inference-stage #tagline{font-size:29px;max-width:360px}
}

/* Editorial scale, precise instrumentation, and a solid die throughout its toss. */
.masthead .brand{font-size:32px;letter-spacing:-1.6px}
.intro{max-width:1040px;padding-top:16px;padding-bottom:24px}
.intro .about-note h1{font-size:36px;letter-spacing:-.045em}
.about-note>p:not(.eyebrow){color:#59645c}
.local-status{font-size:9px;color:#819083}
.model-lab-head{max-width:540px;justify-content:center;gap:30px;min-height:44px}
.model-tabs{gap:24px}
.model-tabs button{color:#728076}
.model-tabs button.selected{color:#16251b}
.paper-link{font-size:13px}
.model-lab #inference-stage .center{max-width:700px}
.instrument{width:520px;padding:16px 20px 14px;margin-bottom:17px}
.instrument-readout,.instrument-bottom{font-size:10px;letter-spacing:.04em;color:#7b8980}
.instrument-readout b{color:#2d4033}
.model-lab #inference-stage .instrument .diagram-button{width:300px}
.model-lab #inference-stage .model-line{color:#718075;letter-spacing:.1em;margin-bottom:10px}
.model-lab #inference-stage #tagline{font-size:40px;letter-spacing:-.045em;line-height:1.06}
.model-lab #inference-stage #tagline em{color:#81917f}
.model-lab #inference-stage .subline{margin-top:11px;font-size:15px;color:#667168}
.model-lab #inference-stage .answer{height:50px;margin-top:13px}
.model-lab #inference-stage .footer{max-width:520px;margin-top:8px}
.model-lab #inference-stage .run{min-width:160px;padding:12px 20px;background:#223127;border:1px solid #223127}
.dice-view{filter:none;transform-style:preserve-3d;isolation:auto}
.dice-object{perspective:900px}
.dice-object::after{content:'';position:absolute;width:110px;height:13px;left:50%;top:82%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(80,76,96,.14),transparent 70%);z-index:-1}
.dice-face{border-color:#c0bdcb;border-radius:0;background:linear-gradient(135deg,#fff,#f1eff5);box-shadow:inset 1px 1px 0 #fff,inset -2px -2px 3px rgba(70,63,91,.05)}
.dice-face:nth-child(even){background:linear-gradient(135deg,#f7f6fa,#eae7f0)}
.die-pip{background:#827c95;box-shadow:inset 0 1px 2px rgba(37,31,55,.22),0 1px 0 rgba(255,255,255,.85)}
@media(max-width:700px){
 .dice-view{filter:none}
 .intro .about-note h1{font-size:30px}
 .instrument{padding:14px 12px 12px}
 .instrument-readout,.instrument-bottom{font-size:8px}
 .model-lab #inference-stage .instrument .diagram-button{width:250px}
 .model-lab #inference-stage #tagline{font-size:31px;max-width:380px}
 .model-lab-head{gap:12px;justify-content:center}
 .model-tabs{gap:14px}
 .model-lab #inference-stage .subline{font-size:14px}
}

.api-docs-link{margin-left:auto;margin-right:24px;font:12px Georgia,serif;text-decoration:underline;text-underline-offset:4px}.local-status{margin-left:0}@media(max-width:600px){.api-docs-link{margin-right:0;font-size:11px}}