/* Real vector UI icons: inherit foreground colour, never platform emoji. */
svg.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.125em;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  pointer-events: none;
}
.protocol-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.15em; height: 1.3em; }
.protocol-icon > .ui-icon { width: 1em; height: 1em; }
/* The mobile toggle is also geometry, rather than a font glyph. */
.mobile-menu summary::after {
  content: '' !important;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background: linear-gradient(currentColor,currentColor) center / 13px 1.5px no-repeat,
              linear-gradient(currentColor,currentColor) center / 1.5px 13px no-repeat;
}
.mobile-menu[open] summary::after {
  background: linear-gradient(currentColor,currentColor) center / 13px 1.5px no-repeat;
}