/*
 * 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-section, mk-section__, mk-section--
 */
/* Component: mk_section */
.mk-section {
  min-width: 0;
  padding: var(--mk-section-y) 0;
  border-top: 1px solid var(--mk-color-line);
}

.mk-section--flat {
  border-top: 0;
}

.mk-section--compact {
  padding: var(--mk-space-8) 0;
  border-top: 0;
}

.mk-section__title {
  max-width: var(--mk-prompt-width);
  margin: 0;
}

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

.mk-section__text {
  max-width: var(--mk-brand-copy-width);
  margin: 0;
}

.mk-section__lead {
  margin: 0;
  max-width: var(--mk-brand-copy-width);
}

@media (max-width: 767.98px) {
  .mk-section__title {
    font-size: var(--mk-font-size-md);
    overflow-wrap: anywhere;
  }
}