*{box-sizing:border-box}body{margin:0;background:#f2efe5;color:#334539;font:15px/1.6 system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:36px 24px}header{max-width:760px}small{font-size:11px;letter-spacing:1.8px;color:#856a43}h1{font:54px/1.1 Georgia,serif;margin:16px 0}header p{font-size:18px;color:#63735d}h2{font:27px Georgia,serif;margin:8px 0 16px}.onboard{background:#e2e7d7;padding:18px;border-left:3px solid #9c7848}.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}.bar label{margin-right:auto}button,input,select{font:inherit;border:1px solid #a6ad96;border-radius:8px;background:#fffef7;color:#334539;padding:10px 12px;min-height:44px}button{cursor:pointer}button:hover{background:#e5eadb}.primary{background:#3b5b46;color:white}.primary:hover{background:#294632;color:white}:focus-visible{outline:3px solid #ad7946;outline-offset:3px}.experiment,.prediction{background:#fffdf7;border:1px solid #cdd1bd;border-radius:18px;padding:24px;margin:24px 0}.experiment{display:grid;grid-template-columns:1fr 290px;gap:30px}.experiment input{width:110px;margin:8px}.paper{background:url('fieldnote.webp') center/cover;min-height:280px;padding:45px 28px;text-align:center}.paper strong{display:block;font:36px Georgia,serif;margin:18px 0}.paper p{font-size:13px;color:#66543f}.sample{display:inline-block;border:1px solid #c9ccb4;background:#eef1e4;border-radius:7px;padding:8px 12px;margin:5px;font-size:14px}#tests{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.test{border:1px solid #cfd1bd;border-radius:12px;padding:16px;background:#f7f6eb}.test strong{font:30px Georgia,serif;display:block;margin-bottom:10px}.test select{width:100%}.test.correct{border:2px solid #4b8058}.test.incorrect{border:2px solid #ae7351}.test p{font-size:12px;min-height:20px;margin:8px 0 0}#feedback,#probe-feedback{color:#7c603d}#rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rule{background:#e9ecdf;padding:18px;border-radius:12px}.rule h3{font:21px Georgia,serif;margin:0 0 8px}.rule p,.muted{font-size:13px;color:#65715c}footer{font-size:12px;margin-top:30px;color:#70806b}a{color:#3d6450}@media(max-width:650px){main{padding:24px 12px}h1{font-size:39px}header p{font-size:16px}.experiment{grid-template-columns:1fr;gap:15px;padding:17px}.paper{max-width:320px;width:100%;justify-self:center;min-height:230px;padding:35px}.prediction{padding:17px}#tests{grid-template-columns:1fr 1fr;gap:8px}.test{padding:12px}#rules{grid-template-columns:1fr 1fr;gap:8px}.rule{padding:12px}.bar label{width:100%}.bar button{flex:1}.experiment label{display:block}.experiment input{width:135px}}