.public-seo-guide-body { margin: 0; background: #f4f7fa; }
.public-seo-guide { box-sizing: border-box; max-width: 900px; margin: 0 auto; padding: 32px 20px 64px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
.public-seo-guide-nav { margin: 0 0 18px; }
.public-seo-guide a { color: #176044; text-underline-offset: 3px; }
.public-seo-guide a:focus-visible { outline: 3px solid #176044; outline-offset: 4px; }
.public-seo-guide-card { background: #fff; border: 1px solid #dbe4ee; border-radius: 16px; padding: 32px clamp(20px, 5vw, 56px); box-shadow: 0 12px 32px rgba(15, 23, 42, .06); color: #1e293b; line-height: 1.85; overflow-wrap: anywhere; }
.public-seo-guide-card h1 { margin: 0 0 24px; color: #0f172a; font-size: clamp(26px, 4vw, 38px); line-height: 1.35; }
.public-seo-guide-card h2 { margin: 32px 0 12px; color: #0f3b63; font-size: 22px; line-height: 1.5; }
.public-seo-guide-card h3 { margin: 24px 0 8px; color: #164e63; font-size: 18px; }
.public-seo-guide-card p { margin: 12px 0; }
.public-seo-guide-card ul, .public-seo-guide-card ol { padding-left: 24px; }
.public-seo-guide-card li { margin: 8px 0; }
.public-seo-guide-card ol > li { list-style: decimal; }
.public-seo-guide-card .public-seo-guide-updated { margin: 0 0 12px; color: #64748b; font-size: 13px; }
.public-seo-guide-action { border-top: 1px solid #e2e8f0; padding-top: 20px; }
@media (max-width: 480px) { .public-seo-guide { padding: 20px 12px 40px; } .public-seo-guide-card { padding: 24px 20px; border-radius: 12px; } }