.blog-index .service-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-block:24px 32px}
.blog-index .service-directory a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:16px;border:1px solid #dce0e4;border-radius:14px;background:#fafafa;color:inherit;text-decoration:none;font-size:15px;line-height:1.4}
.blog-index .service-directory a:hover{background:#f0f1f2}.blog-index .service-directory a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:900px){.blog-index .service-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index .service-directory a:last-child{grid-column:auto}}
@media(max-width:420px){.blog-index .service-directory a{padding:12px;font-size:14px}}