/* Service clarity and contextual navigation, October 2026. */
.seo-service-intro{max-width:60ch;margin:0 0 32px}
.seo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(20,63,54,.2);border-left:1px solid rgba(20,63,54,.2)}
.seo-service-card{display:flex;flex-direction:column;gap:14px;padding:30px;color:inherit;text-decoration:none;border-right:1px solid rgba(20,63,54,.2);border-bottom:1px solid rgba(20,63,54,.2);transition:background .2s ease}
.seo-service-card:hover{background:rgba(20,63,54,.045)}
.seo-service-card h3{font-size:clamp(26px,2.2vw,34px);line-height:1.1;margin:0}
.seo-service-card p{margin:0 0 10px;line-height:1.65}
.seo-service-card .text-link{margin-top:auto;font-size:14px}
.seo-related{border-top:1px solid rgba(20,63,54,.18)}
.seo-related h2{font-size:clamp(30px,3.3vw,46px);max-width:24ch;margin-bottom:28px}
.seo-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.seo-context-grid p{line-height:1.7;margin:0;padding-top:20px;border-top:1px solid rgba(20,63,54,.18)}
.seo-context-grid a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.seo-context-grid a:focus-visible,.seo-service-card:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:950px){.seo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-context-grid{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.seo-service-grid{grid-template-columns:1fr}.seo-service-card{padding:25px}.seo-service-card h3{font-size:30px}}