/* The landing section, menu dialog and signed-in home share the same text. */
.how-it-works .section-head{margin-bottom:20px}
.how-it-works .section-head h2{max-width:950px;line-height:1.08;text-wrap:balance}
.how-it-works [data-how-intro]{max-width:83ch;margin:0 0 28px;color:var(--muted);font-size:1rem;line-height:1.7}
.how-it-works .steps{grid-template-columns:minmax(0,1fr)}
.how-it-works .step{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:32px;min-width:0;padding:28px;border-right:0;border-bottom:1px solid var(--line)}
.how-it-works .step:last-child{border-bottom:0}
.how-step-heading,.how-step-body{min-width:0}
.how-it-works .step h3{margin:10px 0 0}
.how-it-works .step h3,#aboutDialog .about-feature h3{font-size:1.18rem;line-height:1.35;text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none}
.how-it-works .step p,#aboutDialog .about-feature p{line-height:1.7;word-break:normal;overflow-wrap:normal;hyphens:none}
.how-it-works .step p+p,#aboutDialog .about-feature p+p{margin-top:16px}
.how-step-number{display:block;color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.14em}
#aboutDialog[data-how-it-works] .about-grid{grid-template-columns:1fr;margin-bottom:0}
#aboutDialog[data-how-it-works] h2{font-size:clamp(1.9rem,4.8vw,3.3rem);line-height:1.08;text-transform:none;text-wrap:balance}
#aboutDialog[data-how-it-works] .about-intro{line-height:1.7}
#aboutDialog[data-how-it-works] .how-step-number{margin-bottom:10px}
#aboutDialog[data-how-it-works] .how-step-heading{margin-bottom:12px}
@media(max-width:1000px) and (min-width:821px){.how-it-works .step{padding:22px}}
@media(max-width:820px){.how-it-works .step{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px}.how-it-works [data-how-intro]{font-size:.95rem}}