.App{min-height:100vh;background-color:#f5f5f5}.content{margin:0 auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{color:#333;margin:1rem}@media (min-width: 901px) and (prefers-reduced-motion: no-preference){html{scroll-snap-type:y mandatory;scroll-behavior:smooth}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){.content{padding:1.5rem}}@media (max-width: 900px){.content{padding:.5rem}}@media (max-width: 375px){.content{padding:0}}.scrolly{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr);gap:40px;align-items:start;max-width:1200px;margin:0 auto;padding:40px 20px;overflow:visible;font-family:proxima-nova,mlb-primary,Helvetica Neue,Helvetica,Arial,sans-serif}.scrolly__text{min-width:0}.scrolly__text .step{margin:0 0 var(--stepGap, 520px) 0;padding:18px;border-radius:6px;transition:all .25s ease}.scrolly__text .step.is-active{color:#000}.step:focus-within{outline:2px solid #005cc5;outline-offset:4px;background-color:#005cc50d}.scrolly__graphic{position:sticky;top:32px;height:calc(100vh - 64px);overflow:visible}.graphic__inner{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#ffffff}.graphic__inner svg,.step__graphic svg{width:100%;height:100%;display:block}.vizhead{text-anchor:middle;font-size:24px;fill:#fff;font-weight:900}.vizsubhead{text-anchor:middle;font-size:18px;fill:#fff;font-weight:500}.vizsource{text-anchor:middle;font-size:12px;font-style:italic;fill:#fff}.standard_label{fill:#fff;font-size:14px}@media (max-width: 1024px){.scrolly{gap:20px;padding:20px}}@media (min-width: 901px){.step__graphic{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.step__graphic:focus{clip:auto;width:auto;height:auto;position:relative;outline:2px solid #005cc5}}@media (max-width: 900px){.scrolly{grid-template-columns:1fr;padding:10px;gap:24px}.scrolly__graphic{display:none}.step__graphic{display:block;position:relative;width:100%;height:max(260px,45svh);margin-top:16px;border-radius:12px;overflow:hidden;background:#041e42}}@media (max-width: 375px){.scrolly__text .step{padding:5px}}.final-iframe{width:100%;height:100%;display:block;border:none;border-radius:8px;background:#e4f2f5}.step__graphic.is-iframe-container{width:100%;height:auto!important;aspect-ratio:9 / 16;min-height:500px}.intro-step-container{display:grid;grid-template-columns:minmax(320px,1fr);gap:40px;align-items:start;max-width:1200px;margin:0 auto;padding:40px 20px}.intro-content{padding:18px}.intro-image{border-radius:8px;display:none}@media (max-width: 900px){.intro-step-container{grid-template-columns:1fr;padding:20px;gap:24px}.intro-content{padding:10px}.intro-image{display:block;width:100%;max-width:100%;margin:24px 0;border-radius:8px}@media (max-width: 375px){.intro-step-container{padding:5px}}}
