/* The plain (no-JavaScript) pages Google reads, e.g. /how-it-works/ - built on app.css */
body.seo { min-height: 100vh; }
body.seo .pub-logo img { display: block; height: 44px; width: auto; }
body.seo main.pub section { margin: 0 0 1.8rem; }
body.seo h1 { font-size: clamp(1.7rem, 5vw, 2.4rem); margin: .8rem 0 .4rem; }
body.seo h2 { font-size: clamp(1.25rem, 3.6vw, 1.6rem); margin: 0 0 .6rem; }
body.seo .lead { font-size: 1.12rem; max-width: 46rem; }
body.seo .seo-steps, body.seo .seo-list { padding-left: 1.3rem; max-width: 52rem; }
body.seo .seo-steps li, body.seo .seo-list li { margin: .5rem 0; }
body.seo p { max-width: 52rem; }
body.seo .seo-kinds { font-weight: 600; }
body.seo .btn { display: inline-block; text-decoration: none; margin: .2rem .4rem .2rem 0; }
body.seo .seo-states { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: .4rem 1rem; }
body.seo .seo-states li { padding: .3rem 0; border-bottom: 1px solid var(--line); }
body.seo .seo-dir { padding-left: 1.2rem; columns: 2 18rem; column-gap: 2rem; }
body.seo .seo-dir li { margin: .35rem 0; break-inside: avoid; }