/*
 * 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-account-docs, mk-account-docs__, mk-container
 */
/* Component: mk_container */
.mk-container {
  width: min(var(--mk-public-width), calc(100% - var(--mk-public-gutter)));
  margin-inline: auto;
}

.mk-account-docs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--mk-space-2);
  margin-top: var(--mk-space-8);
  padding-top: var(--mk-space-5);
  border-top: 1px solid var(--mk-color-line);
  color: var(--mk-color-muted);
  font-size: var(--mk-font-size-sm);
}

.mk-account-docs__link {
  color: var(--mk-color-muted);
  text-decoration: none;
}

.mk-account-docs__link:hover,
.mk-account-docs__link:focus {
  color: var(--mk-color-accent);
}

@media (max-width: 767.98px) {
  .mk-container {
    width: calc(100vw - var(--mk-public-gutter));
  }
}