.cu-main {
}

.cu-section-intro .cu-narrow {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.cu-section .cu-narrow {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.cu-section .cu-medium {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.cu-highlight {
  background: var(--color-surface-secondary);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  box-shadow: var(--shadow-soft);
}

.cu-section h2 {
  text-align: left;
}

@media (max-width: 900px) {
  .cu-section .cu-medium,
  .cu-section .cu-narrow,
  .cu-section-intro .cu-narrow {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
}