[data-k12-surface="fluent-community"] .fcom_wrap {
  font-family: var(--k12-font-body);
  min-inline-size: 0;
}

[data-k12-surface="fluent-community"] .fcom_wrap :where(.fluent_com, .fcom_sidebar_wrap, .el-row, .el-col) {
  min-inline-size: 0;
}

[data-k12-surface="fluent-community"] .fcom_wrap :where(button, .el-button, a[role="button"]) {
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: normal;
  white-space: normal;
}

[data-k12-surface="fluent-community"] .fcom_wrap .fcom_profile_complete_btn_wrap .el-button--danger {
  background-color: var(--k12-color-navy);
  border-color: var(--k12-color-navy);
  color: var(--k12-color-white);
}

[data-k12-surface="fluent-community"] .fcom_wrap .fcom_profile_complete_btn_wrap .el-button--danger:hover {
  background-color: var(--k12-color-navy-dark);
  border-color: var(--k12-color-navy-dark);
}

[data-k12-surface="fluent-community"] .fcom_wrap .el-button.is-text {
  color: var(--k12-color-ink-muted);
}

[data-k12-surface="fluent-community"] .fcom_wrap .el-button.is-text:hover {
  color: var(--k12-color-navy);
}

[data-k12-surface="fluent-community"] .fcom_wrap :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--k12-focus-ring);
  outline-offset: 3px;
}

[data-k12-surface="fluent-community"] .fcom_wrap :where(p, li, dd, dt, label, figcaption) {
  overflow-wrap: normal;
}

[data-k12-surface="fluent-community"] .fcom_wrap :where(.text-ellipsis, [data-k12-breakable="true"]) {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
