.f576-service-summary {
  margin-block: 20px clamp(28px, 5vw, 52px);
}

.f576-service-summary h2 {
  margin: 0 0 14px;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
}

.f576-service-summary dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.f576-service-summary dl > div {
  padding: clamp(16px, 2.3vw, 24px);
  border: 1px solid #d9cdb8;
  border-radius: 12px;
  background: #fffaf2;
  color: #182d42;
}

.f576-service-summary dt {
  margin-block-end: .5rem;
  font-weight: 700;
}

.f576-service-summary dd {
  margin: 0;
  color: #435266;
  line-height: 1.65;
}

@media (max-width: 720px) {
  .f576-service-summary dl {
    grid-template-columns: minmax(0, 1fr);
  }
}