.feature-grid p a {
  color: var(--green);
  font-weight: 800;
}

.section-lead {
  max-width: 850px;
  margin: -20px 0 38px;
  color: var(--muted);
  font-size: 1.08rem;
}

.related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.related-links a {
  display: inline-flex;
  padding: 9px 14px;
  border: 1px solid #b9ccc3;
  border-radius: 99px;
  background: #fff;
  color: var(--green);
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
}

.related-links a:hover,
.related-links a:focus-visible {
  border-color: var(--green);
  outline: none;
}

.content-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-visual-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  align-items: center;
  gap: clamp(28px, 6vw, 72px);
  padding-top: 72px;
  padding-bottom: 72px;
}

.content-visual-section h2 { margin: 8px 0 14px; }
.content-visual-section p { color: var(--muted); font-size: 1.06rem; }
.content-visual { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 18px 42px rgba(23,79,59,.09); }
.content-visual img { display: block; width: 100%; height: auto; }
.content-visual figcaption { padding: 12px 16px; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.visual-after-features { border-top: 1px solid var(--line); }

@media (max-width: 760px) {
  .content-visual-section { grid-template-columns: 1fr; padding-top: 54px; padding-bottom: 54px; }
  .content-visual { width: min(100%, 480px); margin-inline: auto; border-radius: 18px; }
}