.s360,
.s360-wrap{
  color: var(--s360-ui-color-text);
  font-family: var(--s360-font-family-base);
  font-size: var(--s360-font-size-body);
  font-weight: var(--s360-font-weight-body);
  line-height: var(--s360-line-height-body);
}

.s360-heading,
.s360-section-title,
.s360-ui-card__title-reset,
.s360-h4-reset{
  color: var(--s360-ui-color-heading);
  font-family: var(--s360-font-family-heading);
  line-height: var(--s360-line-height-heading);
}

.s360-ui-card__title-reset,
.s360-h4-reset{
  margin-top: 0;
}

.s360-text-muted,
.s360-help,
.s360-meta,
.s360-subtle{
  color: var(--s360-ui-color-text-muted);
}

.s360-help,
.s360-text-xs{
  font-size: var(--s360-font-size-helper);
  line-height: var(--s360-line-height-caption);
}

.s360-form-label,
.s360-label{
  display: block;
  font-family: var(--s360-font-family-label);
  font-size: var(--s360-font-size-label);
  font-weight: var(--s360-font-weight-label);
  line-height: var(--s360-line-height-label);
  margin-bottom: var(--s360-space-2xs);
}

.s360-strong{
  font-weight: var(--s360-font-weight-strong);
}

.s360-list,
.s360-list-compact{
  margin: 0;
  padding-left: 18px;
}

.s360-list-compact > li + li{
  margin-top: var(--s360-space-xs);
}


.s360-wrap .s360-section-heading{
  margin-top: 28px;
}


a{
  color: var(--s360-ui-color-link);
}

a:hover,
a:focus{
  color: var(--s360-ui-color-link-hover);
}