/* Keep author styles, rather than Safari's native blue/rounded button skin. */
:where(button, input[type="submit"], input[type="button"], input[type="reset"]) {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  color: inherit;
  font: inherit;
  -webkit-text-fill-color: currentColor;
}

.mts-ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -.125em;
  overflow: visible;
  color: inherit;
  pointer-events: none;
}

/* White on dark surfaces; light-filled CTA buttons retain dark text/icons
   for contrast, exactly as in their existing Chrome appearance. */
.service-symbol { color: #fff; }
.menu-toggle { color: #fff; }
.mts-contact-close { border-radius: 0; }

/* Header identity is the standalone M, never the full signature or subtitle.
   Keep footer/contact-card logos unchanged. The white symbol must not inherit
   the inversion used by older black wordmark assets. */
header .brand img.mts-header-symbol,
header .portal-brand img.mts-header-symbol {
  display: block;
  width: 88px;
  height: auto;
  max-width: 100%;
  filter: none;
}
@media (max-width: 900px) {
  header .brand img.mts-header-symbol,
  header .portal-brand img.mts-header-symbol { width: 64px; }
}