.ss-place,
.ss-hub {
  background: var(--ss-template-editorial-background);
}

.ss-hub__inner {
  max-width: var(--ss-template-wide-max-width);
}

.ss-hub__body {
  display: grid;
  gap: clamp(28px, 5vw, 56px);
}

.ss-hub__section {
  min-width: 0;
  scroll-margin-top: 112px;
}

.ss-hub__section-header {
  max-width: var(--ss-template-narrow-max-width);
  margin-bottom: 18px;
}

.ss-hub__section-title {
  margin: 0;
  color: var(--ss-template-heading-color, #16211f);
  font-size: clamp(1.45rem, 3vw, 2.2rem);
  line-height: 1.15;
}

.ss-hub__section-copy {
  max-width: var(--ss-template-narrow-max-width);
  color: var(--ss-template-muted-text-color);
  font-size: 1.02rem;
  line-height: 1.75;
}

.ss-hub__section-copy p {
  margin: 0 0 1em;
}

.ss-hub__section-copy p:last-child {
  margin-bottom: 0;
}

.ss-hub__context .ss-hub__section-copy {
  padding: 18px 20px;
  border: var(--ss-template-card-border);
  border-radius: var(--ss-template-card-radius);
  background: var(--ss-template-surface-color);
}

.ss-hub .ss-component,
.ss-hub .ss-card-section {
  min-width: 0;
}

@media (max-width: 640px) {
  .ss-hub__body {
    gap: 32px;
  }

  .ss-hub__section-title {
    font-size: 1.45rem;
  }
}