/* Vector icons retain their shape across desktop and mobile system fonts. */
.symbol-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.125em;
  overflow: visible;
}

.card-icon .symbol-icon { width: 22px; height: 22px; }
.avatar-mini .symbol-icon { width: 15px; height: 15px; }
.check-circle .symbol-icon { width: 11px; height: 11px; }
.faq-list summary > span { display: inline-flex; }
.dialog-close { display: grid; place-items: center; }
.art-bottomline .icon-arrow-right { width: 0.9em; }

/* Keep arrow-bearing links on the same text line as the other nav items. */
.nav-wrap nav > a { display: inline-flex; align-items: center; gap: 6px; }
.nav-wrap nav > a > span { display: inline-flex; align-items: center; font-size: inherit; line-height: 1; margin-left: 0; }

.check-list li::before {
  content: '';
  width: 1em;
  height: 1em;
  top: 0.2em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}