.svg-container svg{display:block;width:100%;height:auto;max-width:100%;margin:2rem 0;overflow:visible}.svg-container svg[width][height]{aspect-ratio:attr(width) /attr(height)}.svg-container svg text{font-family:Arial,sans-serif;dominant-baseline:middle}.flow-diagram{flex-wrap:wrap;justify-content:center;margin:2rem 0}.flow-diagram,.flow-step{display:flex;align-items:center}.flow-step{flex-direction:column;padding:1rem;background-color:#f7fafc;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:.5rem;min-width:120px}.flow-icon{font-size:1.5rem;margin-bottom:.5rem}.flow-text{font-size:.875rem;font-weight:500;text-align:center}.flow-arrow{display:flex;align-items:center;font-size:1.5rem;color:#4a5568;margin:0 .5rem}@media (max-width:640px){.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg);margin:.5rem 0}}