.ocf-svc-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ocf-grid-gap); }
.ocf-svc-card { display:flex;flex-direction:column;border:var(--card-border-width) solid var(--ocf-border);background:var(--ocf-bg);border-radius:var(--card-radius);overflow:hidden; }.ocf-svc-card:hover { border-color:var(--ocf-primary); }.ocf-svc-card-img { width:100%;height:var(--ocf-service-image-height);object-fit:cover; }.ocf-svc-card-body { display:flex;flex:1;flex-direction:column;gap:calc(var(--ocf-grid-gap) * 0.625);padding:calc(var(--ocf-grid-gap) * 0.75);min-height:var(--ocf-service-card-body-height); }.ocf-svc-card-body .ocf-text-link { margin-top:auto; }
.ocf-services-archive { background:var(--neptune-bg-alt); }.ocf-catalog-help { background:var(--neptune-band);color:var(--ocf-heading-alt);display:flex;justify-content:space-between;align-items:center;gap:calc(var(--ocf-grid-gap) * 0.75);padding:calc(var(--ocf-grid-gap) * 0.875) var(--ocf-grid-gap);margin-bottom:var(--ocf-grid-gap); }.ocf-catalog-help a { color:inherit; }.ocf-catalog-help a:hover { color:inherit;text-decoration:underline; }
@media(max-width:1000px) { .ocf-svc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }@media(max-width:600px) { .ocf-svc-grid { grid-template-columns:1fr; }.ocf-svc-card-body { min-height:0; }.ocf-catalog-help { align-items:start;flex-direction:column; } }