.contact-matters-button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.75rem; height: 2.75rem; min-height: 2.75rem; padding: .55rem;
  margin-inline: .45rem; vertical-align: middle;
  background: var(--contact-matters-color, #ece5fa); color: var(--contact-matters-ink, #243d68);
  border: 1px solid color-mix(in srgb, var(--contact-matters-color, #ece5fa), #243d68 22%);
  border-radius: .65rem;
}
.contact-matters-button:hover { filter: brightness(.96); }
.contact-matters-button svg { width: 1.55rem; height: 1.55rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.contact-matters-dialog { width: min(42rem, calc(100vw - 2rem)); max-height: 80dvh; padding: 1.25rem; overflow-y: auto; }
.contact-matters-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.contact-matters-heading h2 { margin: 0; overflow-wrap: anywhere; }
.contact-matters-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.contact-matter-link { display: flex; width: 100%; text-align: left; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem; background: #f8f9fc; color: #172339; border: 1px solid #c7d1e2; border-radius: .65rem; }
.contact-matter-link strong { overflow-wrap: anywhere; }
.contact-matter-link:hover { background: var(--contact-matters-color, #ece5fa); }
.contact-matter-link small { flex-shrink: 0; color: #58677f; }