/* The proofing notebook opens into a hands-on lesson. */
#proof-heading{scroll-margin-top:125px}
.proof-lab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(25px,4vw,56px);align-items:start;margin-bottom:32px}
.proof-lab[hidden],.proof-lab [hidden]{display:none!important}
.proof-lab__bench{padding:16px;background:#fffaf2;box-shadow:0 15px 35px #60432615;min-width:0}
.proof-lab__top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font:12px var(--label);color:#674f41}
.proof-lab__top .lab{font-size:10px}.proof-lab__top>[data-proof-count]{white-space:nowrap}
.proof-lab__dough{position:relative;display:block;width:100%;padding:0;border:0;background:#e8d8c6;cursor:pointer;overflow:hidden;isolation:isolate;color:#251b13;touch-action:manipulation}
.proof-lab__dough img{width:100%;aspect-ratio:1.1;object-fit:cover;pointer-events:none}
.proof-lab__dough::after{content:'';position:absolute;top:var(--poke-y,48%);left:var(--poke-x,50%);width:15%;aspect-ratio:1.3;border-radius:50%;background:radial-gradient(ellipse,#49342182 0%,#62452c55 25%,#fff0cc44 52%,transparent 72%);opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.proof-lab__dough.is-pressed::after{animation:proof-spring .65s ease-out both}.proof-lab__dough.is-pressed[data-spring=slow]::after{animation-duration:2.4s}.proof-lab__dough.is-pressed[data-spring=stays]::after{animation:none;opacity:.85}
.proof-lab__touch{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:20px;padding:11px 16px;background:#fffaf2e8;font:12px var(--label);letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.proof-lab__touch>span{font-size:18px;line-height:1}.proof-lab__samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.proof-lab__samples button{min-height:48px;padding:10px 8px;border:1px solid #c8ad96;background:transparent;color:#34281e;font:12px var(--label);letter-spacing:.035em;cursor:pointer}.proof-lab__samples button span{margin-left:4px}.proof-lab__samples button[aria-pressed=true]{background:#e5bcb1;border-color:#9b7464}
.proof-lab__note{position:relative;background:#fffaf2;padding:32px;box-shadow:0 12px 25px #60432610;min-width:0}.proof-lab__note::before{content:'';position:absolute;top:-10px;left:37%;width:90px;height:25px;background:#d7a393bb;transform:rotate(-4deg)}
.proof-lab__note h3{font-size:clamp(36px,3.8vw,52px);line-height:.96;letter-spacing:-.04em;margin:18px 0}.proof-lab__note>p{font-size:16px;line-height:1.5}
.proof-lab__clue{border-block:1px solid #d7c5b4;padding:17px 0;margin-top:22px;font-size:18px;line-height:1.45;color:#634436;min-height:87px}
.proof-lab__answers{border:0;padding:0;margin:22px 0 0;display:grid;gap:8px;min-width:0}.proof-lab__answers legend{font:11px var(--label);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.proof-lab__answers button{font:inherit;font-size:15px;min-height:46px;border:1px solid #c8ad96;padding:10px 14px;text-align:left;background:transparent;color:inherit;cursor:pointer}.proof-lab__answers button:hover,.proof-lab__answers button[aria-pressed=true]{background:#edcec2;border-color:#93654e}
.proof-lab__verdict{font-size:15px;line-height:1.55;margin-top:18px;color:#5b4234}.proof-lab__verdict:empty{display:none}
.proof-lab__reset{display:block;padding:8px 0;margin-top:18px;min-height:44px;border:0;border-bottom:1px solid #9b7464;background:none;color:#674f41;font:11px var(--label);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.proof-lab__finish{border-top:1px solid #d7c5b4;margin-top:24px;padding-top:18px}.proof-lab__finish .hand{font-size:27px;line-height:1.2}.proof-lab__finish p:not(.hand){font-size:15px;line-height:1.5;margin-top:12px}.proof-lab__finish .btn{margin-top:18px;font-size:10px;letter-spacing:.1em;gap:18px;max-width:100%;white-space:normal}
.proof-reference{border-top:1px solid #8d675b55;padding-top:12px}.proof-reference>summary{display:flex;justify-content:space-between;gap:20px;min-height:48px;align-items:center;list-style:none;cursor:pointer;font-size:17px}.proof-reference>summary::-webkit-details-marker{display:none}.proof-reference>summary>span{font-size:22px}.proof-reference[open]>summary>span{transform:rotate(45deg)}.proof-reference .proof-book__stages{margin-top:20px}
@keyframes proof-spring{0%,12%{opacity:.9;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}}
@media(max-width:760px){.proof-lab{grid-template-columns:1fr;gap:27px}.proof-lab__note{padding:25px}.proof-lab__dough img{aspect-ratio:1.45}.proof-lab__note h3{font-size:40px}.proof-lab__note h3 br{display:none}.proof-lab__top .lab{letter-spacing:.1em}.proof-lab__samples button{font-size:11px}.proof-lab__finish .btn{width:100%}}
@media(max-width:380px){.proof-lab__bench{padding:11px}.proof-lab__top{gap:8px}.proof-lab__top .lab{font-size:9px}.proof-lab__top>[data-proof-count]{font-size:11px}.proof-lab__note{padding:22px}.proof-lab__clue{font-size:17px}.proof-lab__samples button{padding-inline:5px}.proof-lab__samples button span{margin-left:2px}.proof-reference>summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.proof-lab__dough.is-pressed::after{animation:none;opacity:.45}.proof-lab__dough.is-pressed[data-spring=stays]::after{opacity:.85}}