.section {
  padding: 0 30px 72px;
}
.inner {
  max-width: 1140px;
  margin: auto;
}
.title {
  margin: 0 0 16px;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.2;
}
.intro {
  max-width: 760px;
  margin: 0 0 24px;
}
.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: white;
  color: var(--color-heading);
}
.table caption {
  text-align: left;
  font-weight: 600;
  margin-bottom: 12px;
}
.table th,
.table td {
  padding: 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--color-faq-border);
  overflow-wrap: anywhere;
}
.table thead {
  background: var(--color-hero);
}
.table th:first-child {
  width: 27%;
}
.section a {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section a:hover {
  color: var(--color-heading);
}
.followup {
  max-width: 850px;
  margin: 24px 0 0;
}
@media (max-width: 600px) {
  .section {
    padding: 0 20px 48px;
  }
  .table {
    font-size: 14px;
  }
  .table th,
  .table td {
    padding: 12px 8px;
  }
  .table th:first-child {
    width: 30%;
  }
}