/* Block: argos/related-services */
.related-grid-open { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.related-open { min-height: 285px; padding: 27px 0; display: flex; flex-direction: column; border-top: 1px solid var(--line); color: inherit; text-decoration: none; }
.related-open > span { color: var(--violet); font-size: .78rem; font-weight: 900; }
.related-open h3 { margin: 58px 0 13px; }
.related-open p { margin: 0; color: var(--muted); }
.related-open b { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); font-size: .9rem; }
a.related-open:hover h3 { color: var(--violet); }

@media (max-width: 840px) {
  .related-grid-open { grid-template-columns: 1fr; gap: 0; }
  .related-open { min-height: 240px; }
}

/* Style: cards (workflow pages) */
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.related-card { min-height: 360px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 22px; text-decoration: none; color: inherit; background: var(--paper); transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease; }
.related-card:hover { transform: translateY(-5px); border-color: rgba(97,24,215,.28); box-shadow: 0 22px 45px rgba(35,24,59,.08); }
.related-card > span { color: var(--violet); font-size: .78rem; font-weight: 900; }
.related-card h3 { margin: 64px 0 18px; font-size: 1.8rem; }
.related-card p { color: var(--muted); }
.related-card b { margin-top: auto; padding-top: 24px; border-top: 1px solid var(--line); font-size: .82rem; }

@media (max-width: 900px) {
  .related-grid { grid-template-columns: 1fr; }
  .related-card { min-height: 320px; }
}

@media (prefers-reduced-motion: reduce) {
  .related-card:hover { transform: none; }
}