.cu-main{}

.cu-section{}

.cu-container-narrow{
  max-width:720px;
  margin-inline:auto;
}

.cu-container-medium{
  max-width:800px;
  margin-inline:auto;
  padding:clamp(1rem,4vw,2rem);
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.cu-intro .cu-container-narrow{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.cu-highlight{
  background:var(--color-surface-primary);
}

.cu-highlight .surface{
  border-radius:var(--radius-lg);
}

.cu-section .cu-container-narrow{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.cu-section h2{
  margin-top:var(--space-5);
}

.cu-section h3{
  margin-top:var(--space-4);
}

@media (max-width:768px){
  .cu-container-narrow{
    padding-inline:var(--container-padding);
  }
}