/* Decorative symbols are drawn from the same vector assets on every platform.
   Their original text remains in the editable block content. */
@supports ((-webkit-mask-image: url("icon-asterisk.svg")) or (mask-image: url("icon-asterisk.svg"))) {
  .discipline-bar .wrap > p:nth-child(even),
  .intro-bottom .asterisk {
    display: inline-block;
    flex: none;
    font-size: 0;
    background-color: currentColor;
    -webkit-mask: url("icon-asterisk.svg") center / contain no-repeat;
    mask: url("icon-asterisk.svg") center / contain no-repeat;
  }

  .discipline-bar .wrap > p:nth-child(even) {
    width: 19px;
    height: 19px;
  }

  .intro-bottom .asterisk {
    width: 54px;
    height: 54px;
  }

  .bn-project-caption h3 .bn-project-link > span[aria-hidden="true"] {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: -2px;
    font-size: 0;
    background-color: currentColor;
    -webkit-mask: url("icon-arrow-up-right.svg") center / contain no-repeat;
    mask: url("icon-arrow-up-right.svg") center / contain no-repeat;
  }
}

@media (max-width: 600px) {
  .discipline-bar .wrap > p:nth-child(even) {
    width: 17px;
    height: 17px;
  }

  .intro-bottom .asterisk {
    display: none;
  }

  .bn-project-caption h3 .bn-project-link > span[aria-hidden="true"] {
    width: 18px;
    height: 18px;
  }
}