.pattern-guide .walkthrough-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:36px;padding:35px 0;display:grid}.pattern-guide .walkthrough-hero h1{margin:16px 0;font-size:clamp(40px,5vw,64px);line-height:1.08}.pattern-guide .walkthrough-hero p{max-width:660px;line-height:1.7}.pattern-guide .pattern-figure{background:#eadef7;border-radius:32px;margin:0;padding:34px;transform:rotate(1deg)}.pattern-guide .pattern-figure img{background:#fffdf8;border-radius:20px;width:100%;padding:12px;display:block}.pattern-guide figcaption{color:#6b5a73;margin-top:14px;font-size:13px;line-height:1.6}.pattern-guide .example-facts{grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 40px;display:grid}.pattern-guide .example-facts p{background:#fff;border:1px solid #e8dfea;border-radius:20px;margin:0;padding:22px;font-size:14px}.pattern-guide .example-facts strong{margin-bottom:7px;font-size:23px;display:block}.pattern-guide .practice-kit{background:#e6f2dc;border-radius:28px;padding:clamp(24px,4vw,40px);scroll-margin-top:24px}.pattern-guide .practice-kit h2,.pattern-guide .walkthrough-steps h2,.pattern-guide .own-file-offer h2{font-size:clamp(25px,3vw,36px);line-height:1.2}.pattern-guide .practice-kit p{max-width:850px;line-height:1.7}.pattern-guide .kit-links{flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0;display:flex}.pattern-guide .secondary-download{color:#5d3889;background:#fff;border:2px solid #6d45a0;border-radius:30px;padding:12px 20px;font-weight:750;text-decoration:none;display:inline-block}.pattern-guide .walkthrough-steps{max-width:920px;margin:45px auto}.pattern-guide .walkthrough-steps article{border-bottom:1px solid #e8dfea;padding:25px 0}.pattern-guide .walkthrough-steps p{font-size:17px;line-height:1.8}.pattern-guide .real-preview{margin:28px 0}.pattern-guide .real-preview img{border:1px solid #e8dfea;border-radius:22px;width:100%;height:auto;display:block}.pattern-guide .own-file-offer{background:#f1e8fc;border-radius:30px;grid-template-columns:1.3fr 1fr;gap:30px;margin:45px 0;padding:clamp(24px,4vw,40px);line-height:1.75;display:grid}.pattern-guide .own-file-offer ul{padding-left:20px}.pattern-guide .own-file-offer li{margin:10px 0}.pattern-guide .walkthrough-faq{max-width:920px;margin:45px auto}.pattern-guide .walkthrough-faq details{background:#fff;border:1px solid #e8dfea;border-radius:18px;margin:12px 0;padding:20px}.pattern-guide .walkthrough-faq summary{cursor:pointer;font-weight:750}.pattern-guide .walkthrough-faq p{line-height:1.75}.pattern-guide a:focus-visible{outline-offset:4px;outline:3px solid #a96c23}.pattern-guide .download{white-space:normal}@media (max-width:760px){.pattern-guide .walkthrough-hero,.pattern-guide .own-file-offer,.pattern-guide .example-facts{grid-template-columns:1fr}.pattern-guide .pattern-figure{transform:none}.pattern-guide .walkthrough-steps p{font-size:16px}.pattern-guide .kit-links{flex-direction:column;align-items:stretch}.pattern-guide .kit-links a{text-align:center}}.pattern-guide .walkthrough-video{max-width:920px;margin:48px auto}.pattern-guide .walkthrough-video h2{font-size:clamp(25px,3vw,36px);line-height:1.2}.pattern-guide .walkthrough-video p,.pattern-guide .walkthrough-video li{line-height:1.75}.pattern-guide .walkthrough-video video{aspect-ratio:1280/900;background:#2e2340;border-radius:18px;width:100%;height:auto;margin:24px 0;display:block}.pattern-guide .walkthrough-video details{background:#fff;border:1px solid #e8dfea;border-radius:16px;padding:20px}.pattern-guide .walkthrough-video summary{cursor:pointer;font-weight:700}.pattern-guide .walkthrough-video ol{padding-left:24px}.pattern-guide .walkthrough-video li{margin:10px 0}.pattern-guide video:focus-visible{outline-offset:4px;outline:3px solid #a96c23}.pattern-guide .canvas-demo{background:#fff;border:1px solid #ddcce8;border-radius:18px;margin:24px 0;padding:20px}.pattern-guide .canvas-demo summary{cursor:pointer;font-weight:750;line-height:1.5}.pattern-guide .canvas-demo video{background:#302142;border-radius:12px;width:100%;height:auto;margin:20px 0;display:block}.pattern-guide .canvas-demo li{margin:10px 0;line-height:1.75}