.mley-contact-card {
  box-sizing: border-box;
  width: min(36rem, calc(100% - 2rem));
  margin: clamp(1rem, 4vw, 3rem) auto;
  padding: clamp(1.25rem, 5vw, 2.5rem);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  background: var(--bg-surface);
  color: var(--text-color);
  font-family: var(--font-ui);
}
.mley-contact-card h1 { margin: 0; font: 700 clamp(1.75rem, 4vw, 2.5rem)/1.1 var(--font-ui); letter-spacing: -.035em; }
.mley-contact-card p { margin: .85rem 0 .5rem; line-height: 1.55; }
.mley-contact-card a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: var(--accent-color); font-weight: var(--weight-semibold); text-underline-offset: .18em;
}
.mley-contact-card a:is(:hover, :focus-visible) { text-decoration: underline; }
.mley-contact-card a:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.mley-contact-dialog { margin: auto; max-height: calc(100svh - 2rem); overflow: auto; }
.mley-contact-dialog:not([open]) { display: none; }
.mley-contact-dialog::backdrop { background: rgb(0 0 0 / .55); }
.mley-contact-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.mley-contact-dialog__header h2 { margin: 0; font: 700 clamp(1.5rem, 4vw, 2rem)/1.1 var(--font-ui); }
.mley-contact-dialog__header button { flex: none; font-size: 1.5rem; }
body.mley-contact-open { overflow: hidden; }