/* Content additions reuse the existing Dynobil tokens and document flow. */
.seo-guide { background: var(--soft); }
.seo-guide h2 { margin: 0 0 20px; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; }
.seo-guide p, .seo-guide li { max-width: 78ch; line-height: 1.75; }
.seo-guide ul { padding-left: 22px; }
.seo-guide a:not(.btn), .seo-text-link { text-decoration: underline; text-underline-offset: 4px; }
.seo-guide a:not(.btn):hover, .seo-text-link:hover { color: var(--navy-2); }
.seo-guide a:focus-visible, .seo-text-link:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
.seo-guide .hero-actions { flex-wrap: wrap; margin-top: 24px; }
.service-page .article-hero { background: var(--soft); }
.article-hero nav { margin-bottom: 24px; font-size: .875rem; }
.article-hero nav a { text-decoration: underline; text-underline-offset: 3px; }
.article-main [id], .seo-guide [id] { scroll-margin-top: 110px; }
@media (max-width: 600px) { .seo-guide { padding-block: 40px; } }