/* Four service cards on desktop, two on tablet, one on mobile. */
html:root body main .solutions .solution-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
html:root body main .solutions .solution-grid>.solution-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;align-self:stretch!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important}
html:root body main .solutions .solution-grid>.solution-card h3{overflow-wrap:anywhere!important;word-break:normal!important}
html:root body main .solutions .solution-grid>.solution-card .solution-primary-action{margin-top:auto!important}
@media(max-width:1100px){html:root body main .solutions .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html:root body main .solutions .solution-grid{grid-template-columns:minmax(0,1fr)!important}html:root body main .solutions .solution-grid>.solution-card:nth-child(n){min-height:0!important}}

@media(hover:hover) and (pointer:fine){
 html:root[data-theme=light] body main .solutions .solution-grid>.solution-card:hover{border-color:var(--kp-light-accent,var(--kei-light-accent,#176eb5))!important}
 html:root:not([data-theme=light]) body main .solutions .solution-grid>.solution-card:hover{border-color:var(--kp-accent,var(--cyan,#23d5c5))!important}
}
html:root[data-theme=light] body main .solutions .solution-grid>.solution-card:focus-within{outline-color:var(--kp-light-accent,var(--kei-light-accent,#176eb5))!important;border-color:var(--kp-light-accent,var(--kei-light-accent,#176eb5))!important}
html:root[data-theme=light] body main .solutions .solution-grid>.solution-card .solution-primary-action:focus-visible{outline-color:var(--kp-light-accent,var(--kei-light-accent,#176eb5))!important}
/* Keep the visible action label and arrow readable in every interaction state. */
html:root[data-theme=light] body main .solutions .solution-grid>.solution-card .solution-primary-action{color:var(--kp-light-accent,var(--kei-light-accent,#176eb5))!important;background:transparent!important}
html:root:not([data-theme=light]) body main .solutions .solution-grid>.solution-card .solution-primary-action{color:var(--kp-accent,var(--cyan,#23d5c5))!important;background:transparent!important}
html:root body main .solutions .solution-grid>.solution-card .solution-primary-action::after{color:inherit!important;background:none!important}