.canvas-guide{padding-block:52px 64px}.guide-reading{max-width:760px;margin-inline:auto}.canvas-guide h1{font-size:clamp(2.1rem,4.5vw,3.7rem);font-weight:850;line-height:1.12;text-wrap:balance}.guide-lede{font-size:1.15rem;margin-block:24px;color:var(--muted)}.guide-sections{display:grid;gap:30px;margin-block:42px}.canvas-guide h2{font-size:clamp(1.45rem,2.6vw,2rem);font-weight:800;margin-bottom:12px;line-height:1.25}.guide-sections p{line-height:1.8}.guide-demo{padding-block:32px;border-block:1px solid var(--line);min-width:0}.guide-demo>h2{margin-bottom:24px}.guide-next{margin-top:40px}.guide-next nav{display:grid;gap:8px}.guide-next a{display:flex;align-items:center;min-height:44px;padding-block:8px;color:var(--cocoa-deep);text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.canvas-guide{padding-block:32px 42px}.guide-lede{font-size:1rem}.guide-sections{margin-block:30px;gap:25px}.guide-demo{padding-block:24px}}