/* Service pages use the same typography, borders and neutral panels as GAEO's homepage. */
.site-service,.service-directory{min-width:0}
.site-service .listing-hero p,.service-directory .listing-hero p{max-width:860px}
.site-service .site-service__intro,.service-directory .site-service__intro{font-size:19px;line-height:1.7;color:#263c51;margin:0 0 30px}

/* Simple in-page links, like the existing homepage text links. */
.site-service__toc{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:8px;margin:6px 0 40px}
.site-service .site-service__toc a{display:inline-block;min-width:0;padding:7px 0;color:var(--blue);font-size:14px;line-height:1.4;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.site-service__toc a:hover,.site-service__toc a:focus-visible{color:var(--navy);outline-offset:3px}

/* Flat, divided grids match the Principles, Capabilities and Pricing sections on the homepage. */
.site-service__grid,.site-service__directory-cards,.site-service__steps,.site-service__cases{display:grid;gap:0;border-top:1px solid var(--line)}
.site-service__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 42px}
.site-service__directory-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0 36px}
.site-service__card{min-width:0;box-sizing:border-box;padding:28px 22px 30px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.site-service__grid .site-service__card+.site-service__card,.site-service__directory-cards .site-service__card+.site-service__card{border-left:1px solid var(--line);padding-left:25px}
.site-service .site-service__card h3,.service-directory .site-service__card h2{font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.35;font-weight:700;margin:0 0 12px;color:var(--navy)}
.site-service .site-service__card p,.service-directory .site-service__card p{font-size:15px;line-height:1.68;color:#405369;margin:0 0 16px}
.site-service .site-service__card p:last-child,.service-directory .site-service__card p:last-child{margin-bottom:0}
.site-service .site-service__card a,.service-directory .site-service__card a{overflow-wrap:anywhere}
.site-service__directory-cards .site-service__card{display:flex;flex-direction:column}
.site-service__directory-cards .site-service__card .button{align-self:flex-start;margin-top:auto}
.site-service__directory-cards .site-service__card ul{padding-left:22px;margin:0 0 23px}
.service-directory .site-service__directory-cards .site-service__card li{font-size:15px;line-height:1.65}

/* Homepage-style numbered process, without invented rounded cards. */
.site-service__steps{counter-reset:step;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 32px}
.site-service__step{counter-increment:step;position:relative;min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid var(--line);padding:28px 24px 30px 58px}
.site-service__step:nth-child(odd){border-right:1px solid var(--line)}
.site-service__step:before{content:counter(step,decimal-leading-zero);position:absolute;left:16px;top:29px;color:var(--blue);font-size:13px;font-weight:700}
.site-service .site-service__step h3{font:700 18px/1.4 Manrope,Arial,sans-serif;margin:0 0 9px;color:var(--navy)}
.site-service .site-service__step p{font-size:15px;line-height:1.65;margin:0;color:#415268}

/* Cases use the same separated-column pattern as the homepage. */
.site-service__cases{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 36px}
.site-service__case{min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:25px 21px 28px 0}
.site-service__case+.site-service__case{border-left:1px solid var(--line);padding-left:22px}
.site-service__case h3{font-family:Manrope,Arial,sans-serif!important;font-weight:700;font-size:17px!important;line-height:1.4!important;margin:0 0 10px!important}
.site-service__case p{font-size:14px!important;line-height:1.65!important;margin:0 0 16px!important}
.site-service__case a{display:inline-block;overflow-wrap:anywhere;font-size:14px;font-weight:700}

/* FAQs inherit .faq, .faq-item, .faq-q, .faq-toggle and .faq-a from the homepage. */
/* Use the standard light contact section and existing .button, without a separate CTA skin. */
.site-service__section{scroll-margin-top:110px;margin:0 0 30px}
.site-service__section>h2{margin-top:48px}
.site-service__section#contact{border-top:1px solid var(--line);margin-top:48px;padding-top:8px}
.site-service__section#contact .button{margin:4px 0 0}
.site-service__smallprint{font-size:14px!important;line-height:1.6!important;color:#526579!important}
.cases-listing-content .site-service__next-step{margin:24px 0 0;padding:20px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.7;background:transparent}
.cases-listing-content .site-service__next-step a{font-weight:700}

@media(max-width:740px){
 .site-service .site-service__intro,.service-directory .site-service__intro{font-size:17px}
 .site-service__grid,.site-service__steps,.site-service__directory-cards,.site-service__cases{grid-template-columns:minmax(0,1fr)}
 .site-service__card,.site-service__case{padding:21px 0 22px!important;border-left:0!important;border-right:0!important}
 .site-service__step{padding:22px 0 24px 43px;border-right:0!important}
 .site-service__step:before{left:4px;top:23px}
 .site-service__toc{column-gap:16px;row-gap:4px;margin-bottom:26px}
 .site-service .site-service__toc a{font-size:13px}
 .site-service__section{scroll-margin-top:86px}
}