:root{--ink:#201622;--paper:#f5efe8;--pink:#ff8ebf;--red:#f2483d;--yellow:#e6ff42;--line:rgba(32,22,34,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;margin:0}a{color:inherit}button,input{font:inherit}
header{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;height:64px;padding:0 2rem}header .brand{align-items:center;background:var(--ink);border-radius:50%;color:var(--paper);display:flex;font:italic 1rem Georgia,serif;height:32px;justify-content:center;text-decoration:none;width:32px}header>a:nth-child(2),header>span,.eyebrow,.section-head>span,.section-head>p,.controls label,.legend,.definition-grid article>span,.next span{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}header>a:nth-child(2){font-size:.68rem;justify-self:center;text-decoration:none}header>span{font-size:.61rem;justify-self:end}
.hero{min-height:740px;overflow:hidden;padding:clamp(5rem,10vw,10rem) 2rem 4rem;position:relative}.hero::before{background:var(--pink);border-radius:50%;content:"";height:38rem;position:absolute;right:-10rem;top:-8rem;width:38rem;z-index:-1}.hero::after{border:1px solid var(--ink);border-radius:50%;content:"";height:16rem;position:absolute;right:9rem;top:4rem;width:16rem;z-index:-1}.eyebrow{font-size:.62rem;margin:0 0 2rem}.hero h1{font-size:clamp(4.2rem,10vw,9.5rem);font-weight:520;letter-spacing:-.08em;line-height:.83;margin:0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.lede{font:clamp(1.4rem,2.5vw,2.2rem)/1.22 Georgia,serif;margin:3rem 0;max-width:650px}.hero-equation{align-items:center;border-bottom:1px solid var(--ink);border-top:1px solid var(--ink);display:flex;font: .58rem monospace;justify-content:space-between;margin-top:6rem;max-width:1000px;padding:1.5rem}.hero-equation b{font:1.4rem Georgia,serif}
.simulator,.definitions,.intuition,.formula{padding:clamp(5rem,9vw,9rem) 2rem}.simulator{background:var(--ink);color:var(--paper)}.section-head{display:grid;grid-template-columns:4rem minmax(9rem,1fr) 3fr;margin-bottom:6rem}.section-head>span,.section-head>p{font-size:.6rem;margin:.6rem 0 0}.section-head h2{font:clamp(3.2rem,6.5vw,6.5rem)/.9 Georgia,serif;letter-spacing:-.06em;margin:0}.section-head.compact{margin-bottom:4rem}
.controls{border-bottom:1px solid rgba(245,239,232,.3);border-top:1px solid rgba(245,239,232,.3);display:grid;grid-template-columns:repeat(3,1fr)}.controls label{border-right:1px solid rgba(245,239,232,.3);display:grid;font-size:.56rem;grid-template-columns:1fr auto;padding:1.5rem}.controls label:last-child{border-right:0}.controls output{color:var(--yellow)}.controls input{accent-color:var(--yellow);grid-column:1/-1;margin-top:1.2rem;width:100%}
.lab-grid{display:grid;grid-template-columns:1.5fr 1fr;margin-top:3rem}.people-wrap{border-right:1px solid rgba(245,239,232,.3);padding-right:3rem}.legend{display:flex;flex-wrap:wrap;font-size:.52rem;gap:1rem;margin-bottom:1.5rem}.legend span{align-items:center;display:flex;gap:.4rem}.legend i{border-radius:50%;display:block;height:9px;width:9px}.people{display:grid;gap:3px;grid-template-columns:repeat(40,1fr)}.people i{aspect-ratio:1;background:rgba(245,239,232,.16);border-radius:50%;display:block}.people i.true-positive,.legend .true-positive{background:var(--red)}.people i.false-positive,.legend .false-positive{background:var(--yellow)}.legend .negative{background:rgba(245,239,232,.25)}
.result{padding-left:3rem}.result strong{color:var(--pink);display:block;font:clamp(5rem,10vw,9rem) Georgia,serif;letter-spacing:-.08em}.result h3{font:2rem Georgia,serif;margin:.3rem 0 2rem}.result>p:not(.eyebrow){line-height:1.5}.fraction{display:flex;flex-direction:column;font: .62rem monospace;margin-top:3rem;text-transform:uppercase}.fraction i{border-top:1px solid currentColor;margin:.7rem 0;width:220px}.caveat{font-size:.66rem;line-height:1.5;margin:2rem 0 0 auto;max-width:620px;opacity:.65}
.definition-grid{border:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr)}.definition-grid article{border-right:1px solid var(--ink);min-height:370px;padding:2rem}.definition-grid article:last-child{border-right:0}.definition-grid article>span{color:#d42d7b;font-size:.54rem}.definition-grid h3{font:2.5rem Georgia,serif;margin:5rem 0 1rem}.definition-grid p{line-height:1.5}.definition-grid b{display:block;font:italic 1.3rem Georgia,serif;margin-top:3rem}
.intuition{background:var(--pink)}.story{border-top:1px solid var(--ink);display:grid;gap:2rem;grid-template-columns:auto 1fr auto auto 1fr auto auto 1fr;padding-top:2rem}.story-number{font:clamp(3rem,6vw,6rem) Georgia,serif;letter-spacing:-.06em}.story h3{font:1.8rem Georgia,serif;margin:.5rem 0}.story p{font-size:.8rem;line-height:1.45;margin:0}.story-arrow{align-self:center;font:2rem Georgia,serif}
.formula{background:var(--yellow)}.formula-line{align-items:center;display:grid;font:clamp(1.4rem,3vw,3rem) Georgia,serif;gap:1rem;grid-template-columns:auto auto 1fr;margin:5rem 0}.formula-line i{border-top:1px solid var(--ink);grid-column:3}.formula>p:not(.eyebrow){font:clamp(1.5rem,2.8vw,2.6rem)/1.25 Georgia,serif;margin-left:34%;max-width:800px}.next{border-top:1px solid var(--ink);display:flex;flex-direction:column;margin-top:7rem;padding-top:2rem;text-decoration:none}.next span{font-size:.55rem}.next b{font:clamp(2rem,4vw,4rem) Georgia,serif;margin-top:1rem}
@media(max-width:800px){header{grid-template-columns:auto 1fr;padding:0 1rem}header>a:nth-child(2){justify-self:end}header>span{display:none}.hero,.simulator,.definitions,.intuition,.formula{padding-left:1rem;padding-right:1rem}.hero{min-height:700px}.hero h1{font-size:clamp(4rem,19vw,6.4rem)}.hero::before{right:-25rem}.hero-equation{align-items:flex-start;flex-direction:column;gap:1rem}.section-head{grid-template-columns:2.5rem 1fr}.section-head h2{grid-column:1/-1;margin-top:2rem}.controls{grid-template-columns:1fr}.controls label{border-bottom:1px solid rgba(245,239,232,.3);border-right:0}.lab-grid{grid-template-columns:1fr}.people-wrap{border-bottom:1px solid rgba(245,239,232,.3);border-right:0;padding:0 0 2rem}.people{gap:2px;grid-template-columns:repeat(25,1fr)}.result{padding:3rem 0 0}.definition-grid{grid-template-columns:1fr}.definition-grid article{border-bottom:1px solid var(--ink);border-right:0;min-height:300px}.definition-grid article:last-child{border-bottom:0}.story{grid-template-columns:auto 1fr}.story-arrow{display:none}.formula-line{align-items:start;grid-template-columns:1fr}.formula-line i{grid-column:1}.formula>p:not(.eyebrow){margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}