/* Pro / Cornerstone bridge layer */
.x-section.lbb-ui-surface,
.x-column.lbb-ui-surface,
.x-container.lbb-ui-surface,
.x-frame.lbb-ui-surface {
  border: 1px solid var(--lbb-border);
  border-radius: var(--lbb-radius-xl);
  background: var(--lbb-gradient-card);
  box-shadow: var(--lbb-shadow-sm);
}

.x-section.lbb-ui-shell,
.x-container.lbb-ui-shell {
  width: min(100%, var(--lbb-max-wide));
  margin-inline: auto;
}

.x-text.lbb-prose,
.x-text.lbb-prose p,
.x-text.lbb-prose li {
  color: var(--lbb-text-soft);
}

.x-anchor.lbb-button,
a.lbb-button,
button.lbb-button,
input[type="submit"].lbb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.x-anchor.lbb-button--secondary,
a.lbb-button--secondary {
  background: transparent;
}

.x-bar,
.x-navbar,
.x-header-landmark,
.x-footer-landmark {
  position: relative;
  z-index: 2;
}