.service-directory { margin-top: 42px; padding: 30px; border: 1px solid var(--line); background: var(--white); }
.service-directory h3, .related-services h2 { margin: 0 0 18px; font-size: 23px; }
.service-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.service-directory h4 { margin: 0 0 10px; color: var(--gold-dark); font-size: 14px; text-transform: uppercase; letter-spacing: .07em; }
.service-directory a, .related-service-list a { display: block; padding: 8px 0; color: var(--ink); font-weight: 650; text-decoration: underline; text-decoration-color: #c8aa68; text-underline-offset: 4px; }
.service-directory a:hover, .related-service-list a:hover { color: var(--gold-dark); }
.related-services { padding: 54px 0; background: var(--surface); }
.related-service-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; }
.related-service-list a { padding: 16px; border: 1px solid var(--line); background: var(--white); }
@media (max-width: 760px) {
  .service-directory { padding: 22px 18px; }
  .service-directory-grid, .related-service-list { grid-template-columns: 1fr; gap: 18px; }
  .related-service-list { gap: 8px; }
  .related-services { padding: 38px 0; }
}