.services{border-top:1px solid #111}
.service-item{border-bottom:1px solid #1113}
.service-heading{list-style:none;display:grid;grid-template-columns:45px 1fr 35px;width:100%;padding:18px 0;text-align:left;align-items:center;gap:20px;cursor:pointer}
.service-heading::-webkit-details-marker{display:none}
.service-heading:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.service-heading-copy{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}
.service-heading-copy p{font-size:14px;color:#555}
.service-number{font-size:10px;font-family:var(--display);color:var(--blue)}
.service-arrow{font-size:26px;color:var(--blue)}
.service-body{overflow:hidden}
.service-content{padding:0 55px 22px 65px;max-width:980px}
.service-content p{font-size:16px;line-height:1.6;margin:0 0 12px}
.service-content .service-examples{font-size:14px;margin-bottom:0}
.service-content a{text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.service-heading:hover{background:#e8e8ee}}
@media(max-width:1000px){.service-heading-copy{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .service-heading{grid-template-columns:25px 1fr 20px;gap:12px;padding:22px 0}
 .service-heading-copy{display:block}
 .service-heading-copy h3{font-size:17px}
 .service-heading-copy p{margin-top:10px}
 .service-content{padding:0 8px 22px 37px}
}