/* SEO landing pages (book guides, comparisons) — clean article typography */
.seo-article { max-width: 820px; margin: 0 auto; padding: 28px 20px 60px; }
.seo-crumb { font-size: 13px; color: var(--text-secondary); margin-bottom: 18px; }
.seo-crumb a { color: var(--text-secondary); text-decoration: none; }
.seo-crumb a:hover { color: var(--accent-primary); }
.seo-article__head { border-bottom: 1px solid var(--border-color); padding-bottom: 20px; margin-bottom: 28px; }
.seo-article__title { font-size: clamp(28px, 5vw, 40px); font-weight: 800; line-height: 1.15; color: var(--text-bright); margin: 0 0 12px; }
.seo-article__sub { font-size: 18px; color: var(--text-secondary); line-height: 1.5; margin: 0 0 10px; }
.seo-article__meta { font-size: 13px; color: var(--text-secondary); opacity: .8; margin: 0; }
.seo-article__body { font-size: 16.5px; line-height: 1.7; color: var(--text-primary); }
.seo-article__body h2 { font-size: 24px; font-weight: 800; color: var(--text-bright); margin: 38px 0 14px; }
.seo-article__body h3 { font-size: 19px; font-weight: 700; color: var(--text-bright); margin: 26px 0 10px; }
.seo-article__body p { margin: 0 0 16px; }
.seo-article__body ul, .seo-article__body ol { margin: 0 0 18px; padding-left: 24px; }
.seo-article__body li { margin-bottom: 8px; }
.seo-article__body a { color: var(--accent-primary); font-weight: 600; text-decoration: none; }
.seo-article__body a:hover { text-decoration: underline; }
.seo-article__body strong { color: var(--text-bright); font-weight: 700; }
.seo-article__body table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 15px; }
.seo-article__body th, .seo-article__body td { border: 1px solid var(--border-color); padding: 10px 12px; text-align: left; vertical-align: top; }
.seo-article__body th { background: color-mix(in srgb, var(--accent-primary) 8%, var(--bg-card)); font-weight: 700; color: var(--text-bright); }
.seo-article__body blockquote { border-left: 3px solid var(--accent-primary); margin: 0 0 18px; padding: 6px 0 6px 18px; color: var(--text-secondary); font-style: italic; }
.seo-callout { background: color-mix(in srgb, var(--accent-primary) 6%, var(--bg-card)); border: 1px solid color-mix(in srgb, var(--accent-primary) 25%, var(--border-color)); border-radius: 12px; padding: 16px 18px; margin: 0 0 22px; }
.seo-faq { margin: 40px 0 0; border-top: 1px solid var(--border-color); padding-top: 24px; }
.seo-faq__item { margin-bottom: 20px; }
.seo-faq__item h3 { font-size: 17px; margin: 0 0 6px; }
.seo-faq__item p { margin: 0; color: var(--text-secondary); }
.seo-cta { margin: 44px 0 0; background: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 12%, var(--bg-card)), var(--bg-card)); border: 1px solid color-mix(in srgb, var(--accent-primary) 30%, var(--border-color)); border-radius: 16px; padding: 26px 24px; text-align: center; }
.seo-cta h2 { margin: 0 0 8px; font-size: 22px; color: var(--text-bright); }
.seo-cta p { margin: 0 auto 18px; max-width: 540px; color: var(--text-secondary); }
.seo-cta__btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }