/* Readable initial HTML before the original interactive design mounts. */
.seo-document { position: fixed; inset: 0; overflow-y: auto; padding: 48px max(24px, calc((100% - 760px) / 2)); background: #100e12; color: #f5f2f4; font: 16px/1.8 system-ui, "PingFang SC", sans-serif; touch-action: pan-y; user-select: text; }
.seo-document h1 { font-size: clamp(24px, 5vw, 36px); line-height: 1.4; }
.seo-copy { font: 14px/1.85 system-ui, "PingFang SC", sans-serif; }
.seo-copy h2 { font-size: 18px; margin: 22px 0 8px; }
.seo-copy p { margin: 8px 0; }
.seo-copy a, .seo-document a { color: #ffb0c8; text-underline-offset: 3px; }
.seo-copy nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.seo-copy a:focus-visible, .seo-document a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }