.psa-product{margin:20px 0}.psa-product h3{overflow-wrap:anywhere}.psa-chip{display:inline-block;padding:4px 10px;border:1px solid #b8cdc2;border-radius:6px;color:var(--accent);font-size:.875rem}.psa-product dl{display:grid;grid-template-columns:12em 1fr;gap:12px 20px}.psa-product dd{margin:0}.psa-product-links{display:flex;flex-wrap:wrap;gap:12px}.psa-diagram{max-width:650px;margin:24px auto;background:white;padding:12px}.psa-diagram svg{display:block;width:100%;height:auto}.psa-diagram figcaption{font-size:.875rem;color:var(--muted);line-height:1.8}.psa-examples{grid-template-columns:1fr 1fr}#psa-products{scroll-margin-top:24px}@media(max-width:600px){.psa-product dl{grid-template-columns:1fr;gap:6px}.psa-product dt{font-weight:650;margin-top:10px}.psa-examples{grid-template-columns:1fr}.psa-diagram{padding:4px}.psa-diagram svg{min-height:150px}}
.psa-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:center}.psa-flow>div{position:relative}.psa-flow>div+div:before{content:'→';position:absolute;left:-18px;top:50%;color:var(--accent)}.psa-flow strong,.psa-flow span{display:block;font-size:14px}.psa-flow svg{max-width:120px;margin:auto;min-height:0!important}.psa-flow span{color:var(--accent)}