.contact-qr-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid #dde8df;
  border-radius: 5px;
  background: #fff;
  color: #14785e;
  overflow: hidden;
  text-align: center;
}
.contact-qr-button:hover,
.contact-qr-button:focus-visible {
  border-color: #16866b;
  outline: 2px solid #16866b24;
}
.contact-qr-button img {
  display: block;
  width: 100%;
  height: auto;
}
.contact-qr-button span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-top: 1px solid #e8eee9;
  padding: 9px;
  font-size: 12px;
  font-weight: 700;
}
.contact-qr-button svg { width: 14px; height: 14px; }
.support-block .text-link { margin-top: 15px; }
.service-notes { border-top: 1px solid #e4ebe5; }
.service-note { display: flex; align-items: flex-start; gap: 10px; padding: 14px 0; border-bottom: 1px solid #e4ebe5; }
.service-note svg { width: 17px; height: 17px; margin-top: 2px; color: #237e67; }
.service-note:nth-child(2) svg { color: #bb7652; }
.service-note:nth-child(3) svg { color: #4b83a0; }
.service-note p { margin: 0; color: #51665a; font-size: 12px; line-height: 1.7; }
.service-note a { color: #14785e; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.contact-dialog {
  position: fixed;
  width: min(92vw, 620px);
  max-height: 92dvh;
  padding: 0;
  border: 1px solid #d9e5de;
  border-radius: 6px;
  background: #fff;
  overflow: auto;
}
.contact-dialog::backdrop { background: #0e2119b8; }
.contact-dialog img { display: block; width: 100%; height: auto; }
.contact-dialog-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #fff;
  box-shadow: 0 1px 6px #0002;
}