/* kx-resources: port of site/Resources.tsx. */
.kx.kx-resources { isolation: isolate; }
.kx.kx-resources .kx-shell { position: relative; }
.kx.kx-resources .kx-resources__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.kx.kx-resources .kx-resources__heading { color: #fff; }
.kx.kx-resources .kx-resources__all { display: inline-flex; align-items: center; gap: 0.625rem; font-size: 1.0625rem; color: #fff; transition: color var(--kx-duration-base); }
.kx.kx-resources .kx-resources__all:hover { color: var(--kx-green); }
.kx.kx-resources svg { width: 1rem; height: 0.625rem; flex: none; transition: transform var(--kx-duration-base) var(--kx-ease-kairos); }
.kx.kx-resources a:hover svg { transform: translateX(0.25rem); }
.kx.kx-resources .kx-resources__grid { display: grid; gap: 1.5rem; margin-top: 2.5rem; }
@media (min-width: 768px) { .kx.kx-resources .kx-resources__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kx.kx-resources .kx-resources__card { display: flex; flex-direction: column; border-radius: 1rem; background: #fff; padding: 2.25rem; color: var(--kx-navy); transition: transform var(--kx-duration-slow) var(--kx-ease-kairos); }
@media (min-width: 1024px) { .kx.kx-resources .kx-resources__card { padding: 2.5rem; } }
.kx.kx-resources .kx-resources__card:hover { transform: translateY(-0.375rem); }
.kx.kx-resources .kx-resources__title { display: block; font-size: var(--kx-text-h3); line-height: 1.12; letter-spacing: -0.018em; font-weight: 600; color: var(--kx-navy); }
.kx.kx-resources .kx-resources__body { display: block; flex: 1; margin-top: 1.5rem; font-size: 1rem; line-height: 1.625; color: rgb(4 49 75 / 0.8); }
.kx.kx-resources .kx-resources__more { margin-top: 2.5rem; color: var(--kx-blue-ink); }