.guide-layout{width:min(1080px,calc(100% - 48px));margin:48px auto 72px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}
.guide-layout h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:anywhere}
.guide-lead{font-size:1.2rem;color:var(--muted)}
.guide-layout section{margin-top:36px}.guide-layout h2{font-size:1.45rem;line-height:1.3;margin-bottom:12px}.guide-layout li{margin:12px 0}.guide-layout ol{padding-left:24px}
.guide-example{margin:0}.guide-example img{width:100%;height:auto;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.guide-example figcaption{font-size:.85rem;color:var(--muted);margin-top:16px}
.guide-cta{padding:24px;background:var(--canvas-blue);border-radius:16px}.guide-cta .button{white-space:normal;text-align:center}.guide-cta p{font-size:.9rem;color:var(--muted);margin-bottom:0}
@media(max-width:760px){.guide-layout{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);gap:36px;margin-top:32px}.guide-example{width:min(260px,100%);margin:auto}.site-header nav{flex-wrap:wrap}.guide-cta{padding:20px}}