/* Layout only; typography comes from the shared site roles. */
.approach-content {
  padding-top: var(--space-48);
}

.approach-section {
  padding-block: var(--space-40);
  border-bottom: 1px solid var(--rule);
}

.approach-section:first-child {
  padding-top: 0;
  padding-inline: 0;
}

.approach-section :is(h1, h2) {
  max-width: 760px;
  margin: 0 0 var(--space-24);
}

.approach-section p {
  max-width: 760px;
  margin: 0 0 var(--space-16);
}

.approach-section p:last-child {
  margin-bottom: 0;
}

.approach-section:last-child {
  border-bottom: 0;
}

.approach-image {
  max-width: 760px;
  margin: 0 0 var(--space-24);
}

.approach-image img {
  display: block;
  width: 100%;
  height: auto;
}