.related-practice {
  display: grid;
  grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr);
  gap: 22px;
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #bfd2e5;
  border-radius: 18px;
  background: linear-gradient(135deg, #f7fbff, #e9f3fc);
  box-shadow: 0 10px 26px rgba(20, 34, 56, .05);
}

.related-practice-heading > span {
  color: #0758aa;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.related-practice-heading h2 {
  margin: .15rem 0 .25rem;
  color: #15243a;
  font: 800 1.5rem/1.2 ui-sans-serif, system-ui, sans-serif;
}

.related-practice-heading p {
  margin: 0;
  color: #607087;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: .95rem;
}

.related-practice-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.related-practice-links a {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 14px;
  border: 1px solid #c9d9e8;
  border-radius: 12px;
  background: #fff;
  color: #15243a;
  font-family: ui-sans-serif, system-ui, sans-serif;
  text-decoration: none;
}

.related-practice-links a:hover,
.related-practice-links a:focus-visible {
  border-color: #0758aa;
  box-shadow: 0 5px 14px rgba(7, 88, 170, .12);
  outline: none;
}

.related-practice-links strong { color: #0758aa; }
.related-practice-links span { color: #607087; font-size: .84rem; line-height: 1.4; }

@media (max-width: 760px) {
  .related-practice { grid-template-columns: 1fr; }
  .related-practice-links { grid-template-columns: 1fr; }
}