/*
 * OCFai CSS contract
 * AI_RULE: define only classes matching OCFAI_ALLOWED_PREFIXES in this file.
 * AI_RULE: shared UI patterns must use their canonical component CSS instead of local variants.
 * OCFAI_ROLE: component
 * OCFAI_ALLOWED_PREFIXES: mk-link-columns, mk-link-columns__
 */
/* Component: mk_link_columns */
.mk-link-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mk-space-7);
}

.mk-link-columns__group {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--mk-space-2);
}

.mk-link-columns__title {
  margin: 0 0 var(--mk-space-0-5);
}

.mk-link-columns__link,
.mk-link-columns__text {
  text-decoration: none;
}

.mk-link-columns__link:hover,
.mk-link-columns__link:focus {
  color: var(--mk-color-accent);
}

@media (max-width: 991.98px) {
  .mk-link-columns {
    grid-template-columns: 1fr;
  }
}