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

.related-grid a {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 21px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: linear-gradient(145deg, #0a1726, #050b13);
  text-decoration: none;
}

.related-grid a:hover { border-color: #2e7cac; }
.related-grid strong { color: #eef6ff; font-family: var(--serif); font-size: 20px; }
.related-grid span { color: #8999ac; font-size: 14px; line-height: 1.55; }

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