/* Match the hero's smooth dark controls, keeping the directory's two-line layout. */
.page-contact .contact-page-link {
  grid-template-columns:40px minmax(0,1fr) 22px;
  background:rgb(10 7 20 / .75);
  box-shadow:inset 0 0 0 1px rgb(200 189 255 / .08);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.page-contact .contact-page-link-icon {
  width:40px;
  height:40px;
  background:transparent;
}
.page-contact .contact-page-link-icon > .contact-page-link-symbol,
.page-contact .contact-page-link-arrow,
.page-contact .contact-page-copy-icon {
  display:inline-block;
  width:22px;
  height:22px;
  flex-shrink:0;
}
.page-contact .contact-page-copy-icon { display:inline-grid; }
.page-contact svg.contact-page-link-symbol {
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.page-contact .contact-page-link-icon svg path,
.page-contact .contact-page-link-icon svg rect { fill:none; }
@media (hover:hover) and (pointer:fine) {
  .page-contact .contact-page-link:hover {
    transform:none;
    background:rgb(10 7 20 / .85);
    box-shadow:inset 0 -12px 24px -14px #7764ff,inset 0 0 0 1px rgb(200 189 255 / .18);
  }
}
.page-contact .contact-page-link.is-copied {
  background:rgb(22 77 61 / .72);
  color:#d9ffef;
}
@media (prefers-reduced-motion:reduce) {
  .page-contact .contact-page-link-arrow { transition:none; transform:none; }
}
@media (forced-colors:active) {
  .page-contact .contact-page-link { border:1px solid ButtonText; }
  .page-contact .contact-page-link::before,
  .page-contact .contact-page-link::after { display:none; }
}