.guide-flow-note{color:var(--pf-text-subtle);font-size:.9rem}.guide-flow{padding:0 0 var(--pf-space-lg);gap:1.25rem;margin:0;list-style:none;display:grid}.guide-flow-step{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--pf-radius);grid-template-columns:minmax(0,1fr) minmax(0,15rem);align-items:center;gap:3rem;min-width:0;padding:2rem 2.5rem;scroll-margin-top:2rem;display:grid}.guide-flow-text{min-width:0}.guide-flow-text h2{margin-bottom:var(--pf-space-md);align-items:center;gap:.75rem;font-size:clamp(1.3rem,2.2vw,1.75rem);display:flex}.guide-flow-text p:last-child{margin-bottom:0}.guide-flow-options{margin:0 0 var(--pf-space-md);gap:.4rem;padding-left:1.1rem;font-size:.94rem;display:grid}.guide-flow-links{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.guide-flow-links a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.guide-flow-step .app-shot{justify-self:center;width:100%;max-width:15rem}.guide-share{margin-top:var(--pf-space-lg)}.guide-share h2{margin-bottom:var(--pf-space-md);font-size:clamp(1.3rem,2.2vw,1.75rem)}.guide-share+.next-step{margin-bottom:4rem}@media (width<=44rem){.guide-flow-step{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.25rem}.guide-flow-step .app-shot{max-width:14rem}}@container (width<44em){.guide-flow-step{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.25rem}.guide-flow-step .app-shot{max-width:14rem}}
