.service-resources{background:#fafafc;border:1px solid var(--border-listeo);border-radius:16px;padding:35px;box-shadow:var(--shadow-listeo)}
.service-resources h3{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--listeo-dark);margin:0 0 20px;line-height:1.45;text-wrap:pretty}
.service-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-resource-grid>a{display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:18px 16px;min-height:88px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;color:var(--listeo-dark);font-weight:700;font-size:14px;line-height:1.6;text-align:left;transition:border-color .2s,background .2s}
.service-resource-grid>a>span{min-width:0;text-wrap:pretty;overflow-wrap:normal;hyphens:none}
.service-resource-grid>a>svg{display:block;width:18px;height:18px;flex-shrink:0}
.service-resource-grid>a>svg:last-child{color:#1266cc}
.service-resource-grid>a:hover{border-color:#aecbe4;background:#f8fbfe}
.service-resource-grid>a:focus-visible{outline:2px solid #1266cc;outline-offset:4px}
@media(max-width:1050px){.service-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.service-resources{padding:24px 20px}.service-resources h3{font-size:18px}.service-resource-grid{grid-template-columns:1fr;gap:12px}.service-resource-grid>a{min-height:72px;padding:16px}}
@media(prefers-reduced-motion:reduce){.service-resource-grid>a{transition:none}}