body{background:radial-gradient(ellipse at 50% 0,#f8fcff,#dcecf7 68%,#c2d8ed) fixed}.wrap{max-width:1100px}.title{max-width:950px}.clay-cover{width:100%;max-width:820px;animation:none;border-radius:28px;margin:20px auto;box-shadow:0 7px #2d618019}.hook{font-weight:700}.lesson-brief{font-size:1.1rem;max-width:660px;margin:10px auto 24px}
.demo{position:relative;height:128px;display:grid;place-items:center}.demo img{height:125px;width:150px;object-fit:contain}.demo-letter{position:absolute;width:52px;height:33px;background:#fff;border:1px solid #a9c2d4;border-radius:4px;left:calc(50% - 26px);top:62px;transform:rotate(-6deg)}
.case-heading{display:flex;align-items:center;gap:15px;margin:0 0 14px}.case-heading img{width:70px;height:70px;object-fit:contain}.case-heading h2{font-size:1.5rem;margin:0}.case-heading p{margin:4px 0 0;color:#526676;font-size:.95rem}.toolcard{border-top:6px solid #5990bd}.record{position:relative;border-color:#d6c8a7;border-top:12px solid #e6d1a4;padding:15px}.line:disabled{opacity:1;cursor:default}.line.picked{background:#fff3c4;border:2px solid #be8e1f}.record .label{color:#605238}.step-label{display:inline-block;border-radius:50px;background:#2f5f86;color:#fff;padding:4px 12px;font-size:.8rem;font-weight:800;margin-bottom:8px}.stamps{padding:14px;background:#ffffffae;border:1px solid #d7e4ed;border-radius:18px}.stamps .btn{font-size:1rem;padding:13px 8px}
.case-status{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;color:#4e6171;font-size:.85rem}.case-status .env{display:inline-block;margin-left:5px;width:22px;height:16px}.record-note{font-size:.83rem;color:#596b77;margin:4px 0 0}
.review-outcome{max-width:840px;margin:auto;text-align:left}.review-outcome h2{font-size:1.65rem}.dispatch-scene{position:relative;height:185px;max-width:540px;margin:10px auto 18px}.dispatch-scene .clay-tray{position:absolute;width:210px;height:190px;right:4%;top:0;object-fit:contain}.dispatch-scene .letter{position:absolute;top:42px;left:26%;width:48%;min-height:90px;background:#fffdf6;border:1px solid #dacfb7;border-radius:10px;box-shadow:0 6px 18px #30496222;padding:14px;z-index:2;animation:file-letter 1.1s .25s both}.dispatch-scene .letter b{display:block;font-size:1rem}.dispatch-scene .letter span{font-size:.85rem;color:#526676}.dispatch-scene .clay-stamp{position:absolute;width:95px;height:110px;object-fit:contain;left:8%;top:20px;z-index:3;animation:stamp-down .55s ease-out both}
.review-label{font-size:.82rem;font-weight:850;letter-spacing:.04em;color:#2f5f86}.outcome-copy{border-left:5px solid #6a9bbe;padding:9px 16px;background:#edf6fb;border-radius:0 12px 12px 0}.outcome-copy p:last-child{margin-bottom:0}.evidence-details{margin-top:18px;font-size:.94rem}.evidence-details summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:750;color:#2f5f86}.evidence-details p{margin:5px 0 12px}.evidence-details li{margin:7px 0}
@keyframes stamp-down{0%{transform:translateY(-24px) rotate(-12deg)}65%{transform:translateY(12px) rotate(0)}100%{transform:translateY(0)}}@keyframes file-letter{0%{transform:translateX(-55px) rotate(-10deg);opacity:.1}70%{opacity:1}100%{transform:translateX(45px) rotate(-3deg);opacity:1}}
@media(max-width:700px){.title h1{font-size:2.8rem}.clay-cover{margin:15px auto}.goal{font-size:1rem}.demo{grid-row:1/3;height:90px}.demo img{height:90px;width:100px}.demo-letter{top:41px;width:38px;height:24px;left:calc(50% - 19px)}.case-heading{gap:8px;margin-bottom:8px}.case-heading img{width:50px;height:50px}.case-heading h2{font-size:1.2rem}.case-heading p{font-size:.87rem}.grid2{gap:12px}.toolcard{padding:13px}.toolcard .decision{font-size:1.08rem}.toolcard p{margin-bottom:6px;font-size:.95rem}.chip{font-size:.72rem;margin-top:2px}.record{padding:10px;border-top-width:7px}.line{padding:9px 10px;font-size:.92rem;margin:6px 0;min-height:48px}.stamps{gap:8px;padding:10px;margin-top:12px}.stamps .btn{min-height:46px;padding:10px}.dispatch-scene{height:150px}.dispatch-scene .clay-tray{width:145px;height:145px;right:0}.dispatch-scene .clay-stamp{width:70px;height:90px;left:0;top:10px}.dispatch-scene .letter{width:58%;left:14%;font-size:.83rem;padding:9px}.dispatch-scene .letter b{font-size:.88rem}.review-outcome h2{font-size:1.4rem}.outcome-copy{padding:9px 12px}.evidence-details{font-size:.9rem}.lesson-brief{font-size:1rem}.case-status .env{width:16px;height:13px;margin-left:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.dispatch-scene .letter{transform:translateX(20px)}}


/* Four distinct views: title, illustrated lesson connection, rules, play. */
.connection{max-width:880px;margin:50px auto;display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:center;min-height:430px}
.connection[hidden]{display:none}.connection-art{display:grid;place-items:center;background:radial-gradient(ellipse,#ffffffd9,transparent 70%);min-height:290px}.connection-art img{width:260px;height:280px;object-fit:contain;filter:drop-shadow(0 14px 10px #24324b17)}
.connection h2{font-size:2.25rem;line-height:1.12;margin:10px 0 20px}.connection-copy p:not(.eyebrow){font-size:1.12rem;line-height:1.55;max-width:520px}.connection .btn{margin-top:15px}.how h2{margin-bottom:25px}.how .small-note{max-width:720px;margin:14px auto 20px;line-height:1.5}.footer[hidden]{display:none}.feedback:empty{display:none}.brand{font-size:.8rem;opacity:.8}.bar{background:none;border:0;box-shadow:none}.progress-row{display:none}
@media(max-width:700px){.connection{grid-template-columns:1fr;gap:0;margin:12px auto 25px;min-height:0;text-align:center}.connection-art{min-height:170px}.connection-art img{width:175px;height:175px}.connection h2{font-size:1.7rem;margin:7px 0 15px}.connection-copy p:not(.eyebrow){font-size:1rem;line-height:1.5}.connection .btn{margin-top:8px}.how h2{font-size:1.5rem;margin-bottom:16px}.how .small-note{font-size:.84rem}}

/* A paper file on a desk, with the three review stamps beside it. */
.case-heading{margin:22px 0 18px}.case-heading img{width:95px;height:80px}.case-heading h2{font-size:1.8rem}.file-number{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#446780;font-weight:850}.case-folder{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:25px;background:#e6cf9e;border:1px solid #c5ab76;border-radius:0 18px 18px 18px;padding:25px 20px 24px;box-shadow:0 9px 0 #32567019;position:relative}.case-folder:before{content:"";position:absolute;top:-11px;left:-1px;width:145px;height:12px;border:1px solid #c5ab76;border-bottom:0;border-radius:8px 8px 0 0;background:#e6cf9e}.case-folder .grid2{grid-template-columns:.8fr 1.2fr;gap:0;margin:0;background:#fffef9;border-radius:3px;box-shadow:0 3px 5px #5f451b24;align-items:stretch}.toolcard{border:0;border-radius:0;border-right:1px dashed #cec5b1;background:#faf8ee;padding:22px;box-shadow:none;transform:rotate(-1deg)}.toolcard .decision{font-size:1.24rem;line-height:1.4}.toolcard p{font-size:.98rem;line-height:1.5}.record{border:0;border-radius:0;padding:22px;background:#fffefa;box-shadow:none}.record .label{display:block;margin-bottom:18px}.line{border:0;border-bottom:1px solid #deded0;border-radius:3px;box-shadow:none;background:transparent;text-align:left;padding:15px 8px;line-height:1.5}.line:hover:not(:disabled){background:#fff2b4}.stamps{display:flex;flex-direction:column;justify-content:center;background:none;border:0;padding:0;margin:0;gap:15px}.stamps>.label{text-align:center;color:#594529}.stamps .btn{display:flex;align-items:center;gap:7px;padding:9px 12px;min-height:77px;text-align:left;transform:rotate(2deg);border-radius:13px;box-shadow:0 5px 0 #553f3625}.stamps .btn:nth-of-type(2){transform:rotate(-2deg)}.stamps .btn img{width:42px;height:51px;object-fit:contain}.stamps .btn:disabled{opacity:.5}.case-status{padding:20px 5px;max-width:450px;margin:auto}.case-status .env{width:29px;height:21px}
@media(max-width:850px){.case-folder{grid-template-columns:1fr;padding:18px;gap:15px}.stamps{flex-direction:row;flex-wrap:wrap;gap:8px}.stamps>.label{width:100%}.stamps .btn{flex:1;min-height:68px;font-size:.88rem;padding:8px}.stamps .btn img{width:30px;height:38px}}
@media(max-width:700px){.case-heading{margin:10px 0 23px}.case-heading img{width:65px;height:65px}.case-heading h2{font-size:1.4rem}.case-folder{padding:12px 10px}.case-folder .grid2{grid-template-columns:1fr}.toolcard{transform:none;border-right:0;border-bottom:1px dashed #cec5b1;padding:12px 14px}.toolcard .decision{font-size:1.07rem;margin:8px 0}.toolcard p{font-size:.9rem;margin-bottom:0}.record{padding:13px}.record .label{margin-bottom:8px}.line{font-size:.94rem;padding:12px 7px}.stamps .btn{flex-direction:column;gap:3px;text-align:center;font-size:.78rem;min-height:99px;line-height:1.25}.stamps .btn img{width:36px;height:41px}.case-status{padding:16px 2px}.case-status .env{width:20px;height:16px}}