.process-archive{margin:32px 0;background:#f4f0e5;color:#202827;border:1px solid #293130;box-shadow:6px 6px 0 #1c2925;padding:0 28px 28px;position:relative;isolation:isolate}
.archive-binding{display:flex;justify-content:space-between;gap:14px;margin:0 -28px 24px;padding:12px 22px;background:#25302b;color:#fff9e8;font:11px/1.5 monospace;letter-spacing:1px;border-bottom:5px solid #dfff42}
.process-archive header{max-width:780px;margin-bottom:26px}.archive-stamp{font:11px monospace;letter-spacing:2px;color:#535d53}.process-archive h3{font-size:clamp(27px,3.2vw,44px);line-height:1.2;margin:14px 0 20px;max-width:18em}.process-archive p{font-size:16px;line-height:1.85;margin:10px 0}.archive-proofwall{display:grid;grid-template-columns:1fr 1.12fr;gap:20px;align-items:center;background:#d9d4c7;padding:24px 20px;border:1px solid #bcb7a9;margin-bottom:32px}.archive-proofwall figure{margin:0;padding:10px;background:#fffdf6;box-shadow:3px 4px 0 #26312b33;transform:rotate(-1.4deg)}.archive-proofwall figure:nth-child(2){transform:rotate(1.5deg)}.archive-enlarge{border:0;padding:0;width:100%;display:block;background:#121814;cursor:zoom-in;color:#fff;text-align:left}.archive-enlarge img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}.archive-enlarge span{display:block;font-size:11px;padding:8px 12px;letter-spacing:1px}.archive-proofwall figcaption{font:12px/1.5 monospace;padding:12px 2px 2px}.archive-steps{list-style:none;padding:0;margin:0}.archive-steps li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-top:1px solid #b8bcad}.archive-stepnum{font:italic 32px/1.2 Georgia,serif;color:#536147}.archive-steps h4{font-size:21px;margin:0}.title-trials{margin:22px 0}.title-trials>h4{font-size:22px}.title-trials [role=group]{display:flex;flex-wrap:wrap;gap:8px}.title-trials button{padding:10px 14px;background:transparent;border:1px solid #26312b;color:inherit;cursor:pointer}.title-trials button[aria-pressed=true]{background:#26312b;color:#f4ff68}.title-proof{padding:24px;margin-top:16px;background:#f7bfd0;border:1px solid #28312d;box-shadow:4px 4px 0 #2b302b}.title-proof h5{font-size:clamp(24px,3vw,36px);line-height:1.45;margin:20px 0}.archive-secret{margin:28px 0 16px;background:#e8fb65;border:1px dashed #27392c;padding:18px;transform:rotate(-.4deg)}.archive-secret summary{cursor:pointer;font-weight:bold;display:flex;justify-content:space-between;gap:12px}.archive-secret small{font:10px monospace}.archive-source{padding-top:16px;border-top:1px solid #b8bcad;font-size:12px;color:#5b625b}.archive-source summary{cursor:pointer}.archive-source p{font-size:12px}.archive-enlarge:focus-visible,.title-trials button:focus-visible{outline:3px solid #ed6226;outline-offset:4px}
@media(max-width:600px){.process-archive{padding:0 16px 20px;margin:24px 0;box-shadow:3px 3px 0 #1c2925}.archive-binding{margin:0 -16px 20px;padding:12px;font-size:9px}.archive-proofwall{grid-template-columns:1fr;padding:18px 14px;gap:24px}.archive-enlarge img{max-height:500px}.archive-steps li{grid-template-columns:30px 1fr;gap:12px}.archive-stepnum{font-size:24px}.archive-steps h4{font-size:19px}.title-proof{padding:18px}}
/* The site's generic header rule is navigation-only; archive introductions are prose. */
.process-archive>header{display:block;position:static;padding:0 0 20px;margin:0 0 26px;width:auto;max-width:none;background:transparent;border:0;border-bottom:1px solid #b8bcad;box-shadow:none;transform:none}
.process-archive>header h3{font-size:clamp(27px,3.2vw,44px);font-style:normal;width:auto;max-width:18em;margin:14px 0 20px}
.process-archive>header .archive-stamp{font:11px/1.5 monospace;letter-spacing:2px;white-space:normal}
.archive-related{display:grid;gap:10px;margin:22px 0}.archive-related a{display:block;padding:16px 18px;background:#293b34;color:#e8fc97;text-decoration:none;font-size:15px;border-left:5px solid #f081ad}.archive-related a:hover{text-decoration:underline}
.pet-rehearsal{margin:26px 0;background:#e6e8cf;border:1px solid #2f4136;padding:18px;text-align:center}.pet-stage{display:grid;justify-items:center;padding:24px 10px 12px;background:radial-gradient(ellipse at 50% 90%,#879d7844,transparent 55%);border-bottom:1px dashed #829577}.coconut-sprite{display:block;width:192px;height:208px;border:0;padding:0;background:transparent url('assets/process/coconut.webp') no-repeat 0 var(--pet-y,0px);background-size:1536px 2288px;animation:coconut-frames 1s steps(var(--pet-frames,7)) infinite;cursor:pointer}.pet-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0}.pet-controls button{padding:9px 12px;background:#f7f3dc;border:1px solid #344936;cursor:pointer;color:#213226}.pet-controls button[aria-pressed=true]{background:#263e2f;color:#e9ff72}.pet-rehearsal small{font:10px monospace}.pet-speech{font-size:14px!important;max-width:28em}.coconut-sprite:focus-visible{outline:2px dashed #ba582d;outline-offset:4px}@keyframes coconut-frames{to{background-position-x:var(--pet-end,-1344px)}}@media(prefers-reduced-motion:reduce){.coconut-sprite{animation:none}}