/* Server-rendered SEO landing pages (templates/site/seo_landing.html). Shared design system in ../style.css. */
.seo-hero .page-hero__inner { max-width: 50rem; }
.seo-section .prose { margin-inline: auto; }
.seo-steps { counter-reset: seo-step; margin-top: 2rem; }
.seo-steps .card { padding: 1.5rem; }
.seo-steps h3 { font-size: 1.1rem; letter-spacing: -.01em; margin-bottom: .5rem; color: var(--ink); }
.seo-steps h3::before { counter-increment: seo-step; content: counter(seo-step) ". "; color: var(--indigo); }
.seo-steps p { font-size: var(--fs-sm); color: var(--fg-2); line-height: 1.65; }
.seo-review .prose { margin-inline: auto; }
.seo-faq { max-width: 52rem; }
.seo-table-wrap { overflow-x: auto; }
/* Tutorial watch page (templates/site/seo/tutorial_watch.html) */
.seo-watch__player { max-width: 60rem; margin-inline: auto; aspect-ratio: 16 / 9; border-radius: var(--radius-lg, 12px); overflow: hidden; background: #000; }
.seo-watch__player video, .seo-watch__player iframe { display: block; width: 100%; height: 100%; border: 0; }
.seo-watch__meta { max-width: 60rem; margin: 1rem auto 0; }