/* SEO guide pages — external stylesheet (CSP style-src 'self') */
.seo-page .seo-main { max-width: 42rem; margin: 0 auto; padding: 1.25rem 1.1rem 3rem; }
.seo-crumb { font-size: 0.9rem; color: var(--muted, #6b6280); margin: 0 0 1rem; }
.seo-crumb a { color: inherit; }
.seo-article h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 1rem; }
.seo-article h2 { font-size: 1.25rem; margin: 1.75rem 0 0.6rem; }
.seo-article h3 { font-size: 1.05rem; margin: 1.25rem 0 0.4rem; }
.seo-article p, .seo-article li { line-height: 1.55; }
.seo-article ul, .seo-article ol { padding-left: 1.25rem; }
.seo-article blockquote {
  margin: 1rem 0; padding: 0.75rem 1rem; border-left: 3px solid var(--accent, #3a2a5c);
  background: var(--card, rgba(58,42,92,0.06)); border-radius: 0 4px 4px 0;
}
.seo-article hr { border: 0; border-top: 1px solid var(--line, #ddd); margin: 1.5rem 0; }
.seo-cta { margin-top: 2rem; }
.seo-cta .btn {
  display: inline-block; padding: 0.65rem 1.1rem; border-radius: 4px;
  background: var(--accent, #3a2a5c); color: #f5e9c8; text-decoration: none; font-weight: 600;
}
.seo-page .top nav { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; font-size: 0.92rem; }
@media (max-width: 520px) {
  .seo-page .top nav a:nth-child(n+3) { display: none; } /* keep Home CTA on small screens */
  .seo-page .top nav a:last-child { display: inline; }
}