/* Staying safe on Me2You - page-specific styles.
   Semantic classes referencing canonical brand tokens. Mirrors the layout
   conventions used on the about and how-it-works pages. No inline styles. */

.safety {
  max-width: 760px;
}

.safety__title {
  font-size: 28px;
}

.safety__lead {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.safety__note {
  border-color: var(--brand-orange) !important;
  border-left-width: 4px !important;
}

.safety__heading {
  font-size: 20px;
  color: var(--ink-900);
}

.safety__list {
  padding-left: 1.25rem;
}

.safety__list li {
  margin-bottom: 0.5rem;
  line-height: 1.55;
}

.safety__list li:last-child {
  margin-bottom: 0;
}