/* Additive, scoped style for public service landing pages; respects the platform theme. */
.seo-growth { color: var(--navy, #14233c); }
.seo-growth__hero { padding: clamp(3rem, 6vw, 6rem) 0; background: linear-gradient(135deg, #edf9f7, #fff 65%, #f1f2fc); }
.seo-growth__hero-inner { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(17rem, .8fr); gap: clamp(1.5rem, 4vw, 4.5rem); align-items: center; }
.seo-growth__eyebrow { color: var(--teal, #16887f); font-weight: 800; letter-spacing: .02em; }
.seo-growth h1 { font-size: clamp(2rem, 4.5vw, 3.7rem); line-height: 1.28; margin: .7rem 0 1.3rem; max-width: 19ch; }
.seo-growth__hero p { font-size: 1.06rem; line-height: 1.95; max-width: 62ch; }
.seo-growth__actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.7rem; }
.seo-growth__highlights { padding: 1.5rem; border-radius: 1.4rem; background: #fff; box-shadow: 0 18px 52px rgba(15,42,62,.08); border: 1px solid #e4eee9; }
.seo-growth__highlights p { display: flex; gap: .7rem; padding: .6rem 0; margin: 0; font-weight: 650; }
.seo-growth__highlights p + p { border-top: 1px solid #eef3f2; }
.seo-growth__highlights span { color: var(--teal, #16887f); font-size: 1.3rem; }
.seo-growth__section { padding-top: clamp(2.2rem, 4vw, 4.5rem); padding-bottom: clamp(2.2rem, 4vw, 4.5rem); }
.seo-growth__section h2 { font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.35; margin-bottom: 1.5rem; }
.seo-growth__section-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.seo-growth__section-head a, .seo-growth__card > a { font-weight: 750; color: var(--teal, #16887f); }
.seo-growth__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seo-growth__steps li { display: flex; gap: 1rem; align-items: start; border-radius: 1.2rem; border: 1px solid #e4eae9; padding: 1.4rem; }
.seo-growth__steps li span { flex: none; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; background: #e4f4f0; color: #136a65; border-radius: .7rem; font-weight: 800; }
.seo-growth__steps li p { margin: 0; line-height: 1.85; }
.seo-growth__soft { background: #f7f9fa; }
.seo-growth__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.seo-growth__card { background: #fff; border: 1px solid #e4eae9; border-radius: 1.2rem; padding: 1.4rem; display: flex; flex-direction: column; gap: .8rem; min-width: 0; }
.seo-growth__card h3 { font-size: 1.13rem; line-height: 1.5; margin: 0; }
.seo-growth__card p { line-height: 1.85; color: #53616e; margin: 0; flex-grow: 1; }
.seo-growth__card small { color: #6b7280; }
.seo-growth__faqs { display: grid; gap: .75rem; max-width: 55rem; }
.seo-growth__faqs details { border: 1px solid #e4eae9; border-radius: .95rem; padding: 1rem 1.3rem; background: #fff; }
.seo-growth__faqs summary { cursor: pointer; font-weight: 750; }
.seo-growth__faqs details p { color: #53616e; line-height: 1.9; margin: .8rem 0 0; }
.seo-growth__related { display: flex; flex-wrap: wrap; gap: .6rem; }
.seo-growth__related a { border: 1px solid #d8e7e4; padding: .65rem .9rem; border-radius: 99px; color: #126b64; }
.seo-growth a:focus-visible, .seo-growth summary:focus-visible { outline: 3px solid var(--teal, #16887f); outline-offset: 3px; }
@media(max-width: 850px) { .seo-growth__hero-inner { grid-template-columns: 1fr; } .seo-growth__steps, .seo-growth__cards { grid-template-columns: 1fr 1fr; } }
@media(max-width: 560px) { .seo-growth__steps, .seo-growth__cards { grid-template-columns: 1fr; } .seo-growth__hero { padding: 2.5rem 0; } }
@media(prefers-reduced-motion: reduce) { .seo-growth * { scroll-behavior: auto; } }
.article-related-services, .article-related-posts { margin-top: 2rem; padding: 1.4rem; border: 1px solid #e5ebeb; border-radius: 1rem; background: #f8fbfb; }
.article-related-services h2, .article-related-posts h2 { font-size: 1.2rem; margin: 0 0 .8rem; }
.article-related-services p, .article-related-posts p { margin: .55rem 0; }
.article-related-services a, .article-related-posts a { color: var(--teal, #16887f); font-weight: 700; }