.guide-body{max-width:1050px;margin:auto;padding:3rem 2rem}.guide-body p{color:var(--muted)}.guide-body a:not(.button){text-decoration:underline;text-underline-offset:3px}.guide-body a:hover{color:var(--green)}.guide-requirements{max-width:800px;margin:0 auto 1.5rem}.guide-toc{max-width:800px;margin:0 auto 2rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem 1.3rem}.guide-toc nav{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.guide-step{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:2.5rem 0;border-bottom:1px solid var(--line)}.guide-step h2{font-size:1.9rem;margin:1rem 0}.step-number{display:grid;place-items:center;width:42px;height:42px;background:#9333ea33;border:1px solid #9333ea;color:#e9d5ff;border-radius:50%;font-weight:700}.guide-screenshot{max-width:377px;margin:0 auto}.guide-screenshot a{display:block;cursor:zoom-in}.guide-screenshot img{display:block;max-width:100%;height:auto;border-radius:10px}.guide-screenshot figcaption{font-size:.8rem;color:var(--muted);margin-top:.6rem}.guide-visual{width:100%;padding:2rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.guide-visual strong{font-family:Outfit,sans-serif;font-size:1.3rem}.guide-visual span:not(.file-type){color:var(--muted)}.guide-visual small{color:#9ca3af}.guide-extra{max-width:800px;margin:3rem auto}.guide-extra h2,.guide-finish h2{font-size:2rem}.guide-finish{max-width:800px;margin:3rem auto 0;padding:2rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-align:center}.guide-finish p{margin:1rem 0}.guide-cta{margin-top:1.5rem}.guide-hero h1{font-size:clamp(2.4rem,4.5vw,4rem)}@media(max-width:700px){.guide-body{padding:2rem 1.2rem}.guide-step{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}.guide-step h2{font-size:1.6rem}.guide-finish{padding:1.2rem}.guide-visual{padding:1.5rem}.guide-screenshot{max-width:100%}}

.guide-context{max-width:800px;margin:0 auto 2rem}.guide-context h2{font-size:2rem;margin-top:1.5rem}.guide-context p+p{margin-top:1rem}.guide-step-copy ol{padding-left:1.4rem;color:var(--muted)}.guide-step-copy li{margin:.7rem 0}