*{box-sizing:border-box}html{scroll-padding-top:20px}a{text-underline-offset:4px}a:focus-visible{outline:3px solid #165c76;outline-offset:5px}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:#eeb739;z-index:20}.skip-link:focus{top:12px}.guide{max-width:1160px;margin:54px auto 80px;padding:0 28px;font-size:18px;line-height:1.75}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:60px}.hero h1{font-size:clamp(45px,5.7vw,74px);line-height:1.08;letter-spacing:-3px;color:#171820;margin:20px 0 27px}.hero h1 em{font-style:normal;color:#176276}.hero .eyebrow{font-weight:800;color:#5a5142}.deck{font-size:23px;line-height:1.5;max-width:580px}.resource.secondary{background:#fff8e7}.byline{font-size:12px;color:#615b50;margin-top:23px}.comic-stage{min-height:510px;margin:0;background:#dce6d8;border:3px solid #171820;box-shadow:9px 9px #171820;padding:18px 26px 15px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;isolation:isolate}.comic-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(#17182030 .8px,transparent .8px);background-size:7px 7px;opacity:.3;z-index:-1}.stage-topline{width:100%;display:flex;justify-content:space-between;align-items:center;font:800 11px/1.2 Poppins,sans-serif;letter-spacing:1px}.stage-star{font-size:23px;color:#a36c14}.source-sheet,.output-sheet{display:flex;flex-direction:column;background:#fff6d9;border:3px solid #171820;box-shadow:6px 7px #171820;position:relative}.source-sheet{width:210px;min-height:160px;padding:16px 18px;transform:rotate(-4deg);margin-top:10px}.source-sheet:before,.output-sheet:before{content:"";position:absolute;right:-3px;top:-3px;border-style:solid;border-width:0 28px 28px 0;border-color:transparent #d9b770 transparent transparent;filter:drop-shadow(-2px 2px #171820)}.sheet-tab{font:800 9px/1.2 Poppins,sans-serif;letter-spacing:1px;color:#176276}.source-sheet strong,.output-sheet strong{font:900 23px/1.2 Poppins,sans-serif;margin:10px 0 14px}.source-sheet small{font-size:11px;font-weight:700;margin-top:5px}.ink-line{display:block;height:5px;width:75%;background:#171820;margin:5px 0}.ink-line.long{width:92%}.ink-line.short{width:48%}.ink-branch{height:60px;width:78%;position:relative;margin:0 auto}.ink-branch span{position:absolute;background:#171820;border-radius:40px}.ink-branch span:first-child{width:8px;height:33px;top:0;left:calc(50% - 4px)}.ink-branch span:nth-child(2){width:45%;height:7px;top:27px;left:6%;transform:rotate(-20deg);transform-origin:right center}.ink-branch span:nth-child(3){width:45%;height:7px;top:27px;right:6%;transform:rotate(20deg);transform-origin:left center}.output-sheets{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:25px}.output-sheet{min-width:0;min-height:135px;padding:14px 13px}.output-sheet strong{font-size:clamp(13px,1.5vw,18px);overflow-wrap:anywhere}.output-sheet.claude{transform:rotate(-3deg)}.output-sheet.codex{background:#e8f0e9;transform:rotate(3deg)}.comic-stage figcaption{font-size:11px;line-height:1.5;text-align:center;background:#fff8e7;border:1px solid #171820;padding:6px 10px}.jump-nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-block:3px solid #171820;font-size:14px;font-weight:700}.jump-nav a{color:#171820}.chapter{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;padding:60px 0;border-bottom:1px solid #beb39b}.chapter-tag{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#615b50;padding-top:8px}.chapter h2{font-size:clamp(28px,3vw,40px);line-height:1.2;color:#176276;letter-spacing:-1px;margin:0 0 26px}.chapter p{margin:0 0 22px}.chapter p:last-child{margin-bottom:0}.chapter code{font-size:.9em;background:#f0e4bf;padding:1px 4px}.annotation{border-left:3px solid #a57928;padding-left:16px;color:#5d564b;font-size:15px}.mechanism{display:flex;align-items:stretch;gap:10px;margin:30px 0;padding:18px;background:#e2e8de;border:2px solid #171820}.mechanism>div{flex:1;min-width:0;background:#fff8e7;border:2px solid #171820;padding:12px;line-height:1.35}.mechanism>div.mechanism-output{background:#f1c36b}.mechanism span{display:block;font-size:10px;letter-spacing:1px;font-weight:800}.mechanism strong{display:block;font:800 15px/1.3 Poppins,sans-serif;margin:8px 0}.mechanism small{display:block;font-size:12px}.mechanism>b{align-self:center;font-size:21px}.status-card,.source-pending{border:2px solid #171820;background:#fff8e7;padding:18px 22px;box-shadow:4px 4px #171820;margin-top:24px}.status-card span{display:inline-block;background:#eed9a7;padding:4px 7px;font-size:10px;letter-spacing:1px;font-weight:800}.status-card p{margin:12px 0 0}.source-pending strong,.source-pending span{display:block}.source-pending span{font-size:14px;margin-top:5px}.end-note{margin-top:50px;background:#eeb739;border:3px solid #171820;box-shadow:6px 6px #171820;padding:30px}.end-note h2{font-size:clamp(24px,3vw,32px);line-height:1.3}.end-note .resource{background:#fff8e7}.page-footer{display:flex;justify-content:space-between;gap:20px;max-width:1160px;padding:24px 28px;margin:auto;border-top:3px solid #171820;font-size:13px}.page-footer a{color:#171820}@media(max-width:830px){.guide{margin-top:30px;padding:0 20px;font-size:16px}.hero{grid-template-columns:1fr;gap:30px}.hero h1{letter-spacing:-2px}.deck{font-size:20px}.comic-stage{width:min(100%,520px);justify-self:center}.chapter{grid-template-columns:1fr;gap:14px;padding:40px 0}.mechanism{flex-wrap:wrap}.mechanism>div{min-width:140px}}@media(max-width:520px){.comic-stage{min-height:460px;padding:15px}.output-sheets{gap:13px}.mechanism{display:grid;grid-template-columns:1fr;gap:8px}.mechanism>b{text-align:center}.page-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}