/* The public HTML stays readable before React starts and when JavaScript is unavailable. */
.seo-page{max-width:1100px;margin:0 auto;padding:32px 24px;color:#282333;font:18px/1.65 system-ui,sans-serif}.seo-page header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #ded8e8}.seo-page header>a{font-weight:800}.seo-page a{color:#642d85;text-underline-offset:4px}.seo-page nav a{margin-right:18px}.seo-page main{padding:32px 0}.seo-page h1{font-family:Georgia,serif;font-size:clamp(30px,5vw,48px);line-height:1.15}.seo-page h2{font-family:Georgia,serif;font-size:25px;line-height:1.3}.seo-page footer{border-top:1px solid #ded8e8;padding-top:24px;font-size:15px}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin:32px 0}.seo-grid article{border:1px solid #e4dfeb;border-radius:16px;padding:22px;background:#fcfaff}.seo-grid img,.seo-cover{object-fit:contain;border-radius:8px}.seo-grid p{font-size:16px}.seo-cover{float:right;margin:0 0 24px 28px}.seo-page article:after{content:"";display:block;clear:both}@media(max-width:600px){.seo-cover{float:none;margin:16px 0}.seo-page{padding:20px}.seo-grid{grid-template-columns:1fr 1fr;gap:12px}.seo-grid article{padding:12px}.seo-grid img{max-width:100%;height:180px}.seo-grid h2{font-size:21px}}