/* Directory detail pages only; shared service/article styles remain unchanged. */
.ec-directory-works .ec-related-works {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(280px, .8fr);
  column-gap: 40px;
  margin: 0;
  padding: 0;
  border: 0;
}
.ec-directory-works .ec-related-works > .section-kicker { grid-column: 1; margin: 0 0 12px; }
.ec-directory-works .ec-related-works > h2 { grid-column: 1; margin: 0 0 36px; }
.ec-directory-works .ec-related-intro { grid-column: 2; grid-row: 1 / 3; align-self: end; margin: 0 0 36px; font-size: 15px; }
.ec-directory-works .ec-case-grid { grid-column: 1 / -1; }
.ec-directory-works .ec-case-card { border-radius: 10px; box-shadow: 0 12px 34px rgba(16, 34, 61, .07); }
.ec-directory-works .ec-case-category { display: inline-flex; width: fit-content; border-radius: 999px; background: rgba(212, 247, 19, .3); padding: 4px 10px; font-weight: 900; }
.ec-directory-works .ec-case-copy h3 { font-size: 18px; line-height: 1.5; }
.ec-directory-works .ec-case-copy > p:not(.ec-case-category) { font-size: 14px; }
.ec-directory-works .works-proof-actions a:focus-visible { outline: 3px solid #2458a9; outline-offset: 4px; }
@media (max-width: 760px) {
  .ec-directory-works .ec-related-works { display: block; }
  .ec-directory-works .ec-related-works > h2 { margin-bottom: 20px; }
  .ec-directory-works .ec-related-intro { margin-bottom: 24px; }
}