/* Local SVGs replace platform-dependent glyphs. Existing text slots stay intact. */
.star-icon {
  display: inline-block;
  width: .88818359375em;
  height: .75em;
  vertical-align: baseline;
}
.direction-icon {
  display: inline-block;
  width: .732421875em;
  height: .85em;
  vertical-align: -.1em;
  overflow: visible;
  flex: none;
}
.direction-icon--right { width: 1em; }
.direction-icon--down { width: .592em; }
.contact-direct .direction-icon { width: .712421875em; }
.mock-pill .direction-icon { width: .792421875em; }
.mock-bottom .direction-icon { width: .757421875em; }
/* Keep the original one-em arrow line boxes, including native button metrics. */
.button > span:has(> .direction-icon),
.circle-link > span:first-child:has(> .direction-icon),
.hero-symbol:has(> .direction-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1em;
}
.scope-panel li::before {
  content: '';
  width: .732em;
  height: 1.65em;
  flex: none;
  background-color: #416244;
  -webkit-mask: url('arrow-up-right.svg') center / 100% .9em no-repeat;
  mask: url('arrow-up-right.svg') center / 100% .9em no-repeat;
}