.depth-section .section-head {
  max-width: 900px;
}

.content-grid {
  display: grid;
  gap: 16px;
}

.content-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.content-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-card {
  min-height: 230px;
  padding: 25px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
}

.content-card span {
  display: block;
  margin-bottom: 42px;
  color: var(--accent-2);
  font-size: .75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.content-card h3 {
  margin: 0 0 10px;
  font-size: 1.35rem;
  line-height: 1.08;
}

.content-card p {
  margin: 0;
  color: var(--muted);
}

.process-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
}

.process-list.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.process-list li {
  min-height: 230px;
  padding: 24px;
  border-right: 1px solid var(--line);
}

.process-list li:last-child {
  border-right: 0;
}

.process-list strong {
  display: block;
  margin-bottom: 58px;
  color: var(--accent);
  font-family: var(--display);
  font-size: 1.35rem;
}

.process-list span {
  color: var(--muted);
}

.split-depth,
.profile-band,
.faq-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(34px, 7vw, 92px);
  align-items: start;
}

.split-depth h2,
.profile-band h2,
.faq-layout h2 {
  margin-top: 0;
}

.guardrail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.guardrail-list article {
  padding: 22px;
  border: 1px solid currentColor;
}

.guardrail-list strong {
  display: block;
  margin-bottom: 8px;
}

.guardrail-list p {
  margin: 0;
  color: inherit;
  opacity: .76;
}

.check-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  padding: 18px 0 18px 28px;
  position: relative;
  border-bottom: 1px solid var(--line);
}

.check-list li::before {
  content: "+";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: 900;
}

.profile-band > div:last-child p {
  margin-top: 0;
  font-size: 1.1rem;
}

.faq-list {
  border-top: 1px solid var(--line);
}

.faq-list details {
  border-bottom: 1px solid var(--line);
}

.faq-list summary {
  padding: 20px 38px 20px 0;
  position: relative;
  cursor: pointer;
  font-weight: 850;
  list-style: none;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  color: var(--accent);
  font-size: 1.4rem;
}

.faq-list details[open] summary::after {
  content: "-";
}

.faq-list details p {
  margin: 0;
  padding: 0 38px 20px 0;
  color: var(--muted);
}

@media (max-width: 980px) {
  .content-grid.four,
  .process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-list li {
    border-bottom: 1px solid var(--line);
  }

  .process-list li:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .content-grid.four,
  .content-grid.three,
  .process-list,
  .process-list.four,
  .split-depth,
  .profile-band,
  .faq-layout,
  .guardrail-list {
    grid-template-columns: 1fr;
  }

  .content-card,
  .process-list li {
    min-height: auto;
  }

  .process-list li {
    border-right: 0;
  }

  .process-list strong {
    margin-bottom: 22px;
  }
}