/*==================================================
Basic Settings (Breakpoints / Widths / Font-bases)
==================================================*/
/*==================================================
Mixins
==================================================*/
/*==================================================
SCSS Variables (for compatibility)
==================================================*/
/* Page-specific colors */
/* Typo Scale */
/*==================================================
Spacing
==================================================*/
.p-policy {
  text-align: center;
  line-height: 200%;
}

.p-goals .cmn-text--lg {
  margin-bottom: 0.5em;
  text-align: center;
}
@media (max-width: 960px) {
  .p-goals .cmn-text--lg {
    text-align: left;
  }
}

.p-goals__list {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  text-align: center;
}
@media (max-width: 960px) {
  .p-goals__list {
    flex-direction: column;
    text-align: left;
    gap: 1em;
  }
}
.p-goals__list li {
  background: var(--color-neutral_subtle);
  padding: 2em 1em;
  width: calc((100% - 2em) / 4);
}
@media (max-width: 960px) {
  .p-goals__list li {
    width: 100%;
  }
}
.p-goals--life .p-goals__list li {
  width: calc((100% - 2em) / 3);
}
@media (max-width: 960px) {
  .p-goals--life .p-goals__list li {
    width: 100%;
  }
}

/*# sourceMappingURL=policy.css.map */