/* Service information follows the site's existing type and colour system. */
.seo-service-brief { padding: clamp(2rem, 5vw, 4rem) 0; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.seo-service-brief h2 { max-width: 48rem; margin: .5rem 0 1rem; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.25; color: #0f172a; text-wrap: balance; }
.seo-service-brief h3 { margin: 0 0 .65rem; font-size: 1.15rem; line-height: 1.4; color: #0f172a; }
.seo-service-brief p, .seo-service-brief li { font-size: 1rem; line-height: 1.75; color: #334155; }
.seo-service-intro { max-width: 65rem; margin: 0 0 1.5rem; }
.seo-service-brief .seo-eyebrow { margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #0d7a72; }
.seo-brief-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 2.5rem); }
.seo-brief-grid > div { min-width: 0; }
.seo-brief-grid ul { padding-left: 1.25rem; margin: 0; }
.seo-brief-grid li { margin-bottom: .75rem; }
.seo-brief-grid p { margin: 0 0 1.25rem; }
.seo-related-services { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0; }
.seo-related-services a { display: inline-flex; align-items: center; min-height: 44px; padding: .65rem .9rem; border: 1px solid #cbd5e1; border-radius: .5rem; background: #fff; color: #0d675f; font-size: .95rem; line-height: 1.4; text-decoration: underline; text-underline-offset: .2em; }
.seo-related-services a:hover { background: #e8f6f4; border-color: #0d7a72; }
.seo-brief-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.seo-phone-link { display: inline-flex; align-items: center; min-height: 44px; color: #0d675f; font-weight: 600; }
.seo-official-links a { color: #0d675f; text-decoration: underline; }
@media (max-width: 768px) { .seo-brief-grid { grid-template-columns: minmax(0, 1fr); } }

/* Practical guides use a reading column and a concise next step. */
.intent-guide .blog-reading-container { max-width: 860px; color: #334155; line-height: 1.8; }
.intent-guide h2 { color: #0f172a; font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.35; margin: 2.25rem 0 1rem; scroll-margin-top: 110px; }
.intent-guide p { margin: 0 0 1.25rem; }
.intent-guide ul, .intent-guide ol { padding-left: 1.4rem; margin: 0 0 1.5rem; }
.intent-guide li { margin-bottom: .8rem; }
.intent-guide a { color: #0d675f; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.intent-guide dt { color: #0f172a; font-weight: 700; margin: 1.25rem 0 .35rem; }
.intent-guide dd { margin: 0; }
.intent-update { font-size: .9rem; color: #64748b; }
.intent-toc { padding: 1.25rem; background: #f0f7f6; border: 1px solid #d9e8e5; border-radius: 12px; margin: 1.75rem 0; display: grid; gap: .5rem; }
.intent-toc a { min-height: 44px; display: flex; align-items: center; }
.intent-figure { margin: 2rem 0; border: 1px solid #d9e8e5; border-radius: 12px; overflow: hidden; }
.intent-figure img { display: block; width: 100%; max-height: 430px; object-fit: contain; background: #f4f8f7; }
.intent-figure figcaption { padding: .9rem 1.25rem; font-size: .9rem; }
.intent-guide-next { background: #f0f7f6; padding: clamp(1.25rem, 4vw, 2rem); border-radius: 12px; margin-top: 2.5rem; }
.intent-guide-next h2 { margin-top: 0; }