.ss-template {
  background: var(--ss-template-editorial-background);
  color: var(--ss-color-ink-strong);
}

.ss-template__inner {
  width: min(100% - 40px, var(--ss-template-content-max-width));
  margin: 0 auto;
}

.ss-template__body {
  display: grid;
  gap: 28px;
  padding: var(--ss-template-section-spacing-desktop) 0;
}

.ss-template__content {
  width: min(100%, var(--ss-template-narrow-max-width));
}

.ss-template__section {
  scroll-margin-top: calc(var(--ss-desktop-header-height) + 28px);
}

.ss-template__section + .ss-template__section {
  margin-top: 34px;
}

.ss-template__section-title {
  margin: 0 0 14px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.14;
}

.ss-template__section-content {
  color: var(--ss-color-ink-strong);
  font-size: 18px;
  line-height: 1.75;
}

.ss-template__section-content > *:first-child {
  margin-top: 0;
}

.ss-template__section-content > *:last-child {
  margin-bottom: 0;
}

.ss-template__notice {
  color: var(--ss-template-muted-text);
}

@media (max-width: 767px) {
  .ss-template__inner {
    width: min(100% - 28px, var(--ss-template-content-max-width));
  }

  .ss-template__body {
    padding: var(--ss-template-section-spacing-mobile) 0;
  }

  .ss-template__section {
    scroll-margin-top: calc(var(--ss-mobile-header-height) + 18px);
  }

  .ss-template__section-content {
    font-size: var(--ss-template-mobile-text-size);
  }
}