/* Vector arrows stay monochrome and do not depend on a device's emoji font. */
.epic-arrow{
  display:inline-block;
  width:1em;
  height:1em;
  min-width:12px;
  min-height:12px;
  flex-shrink:0;
  overflow:visible;
  vertical-align:-.12em;
  fill:none;
  stroke:currentColor;
  pointer-events:none;
}

/* The compact About portfolio hides its label on mobile, not its icon. */
.industry-list b .epic-arrow{width:16px;height:16px}

/* Keep one SVG indicator even if an older About stylesheet is cached. */
#portfolio .industry-list b::before,#portfolio .industry-list b::after{
  content:none!important;
  display:none!important;
}

/* Handheld layouts use a readable icon size, independent of label font size. */
@media(max-width:900px){
  .epic-arrow,.industry-list b .epic-arrow{
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    flex:0 0 20px;
    vertical-align:middle;
  }
  .arrow-icon,.sector .arrow-icon,.story-link>svg{
    width:20px;
    height:20px;
    flex:0 0 20px;
    vertical-align:middle;
  }
  .epic-arrow path,.arrow-icon path,.story-link>svg path{
    vector-effect:non-scaling-stroke;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .nav-cta>span,.round-link>span,.portfolio-all>span,
  .closing-actions>a>span,.purpose-foot>i,
  .company-button>span,.company-related-card>span,.company-card-link>b,
  .sector a>span[aria-hidden="true"],.ix-jump>span,
  .sustain-links a>span,.network-note a>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    line-height:1;
  }
  .closing-actions>a{align-items:center}
  .industry-list b{
    display:inline-flex;
    align-items:center;
    gap:6px;
    line-height:1;
  }
  .company-navigation .nav-contact,.company-back-link,
  .company-related-head>a,.company-footer-bottom>a,.epic-footer-bottom>a,
  .ix-related-head>a,.ix-related-card small{
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .company-footer-bottom .epic-arrow,.epic-footer-bottom .epic-arrow{
    width:16px;
    height:16px;
    min-width:16px;
    min-height:16px;
    flex-basis:16px;
  }
}
@media(max-width:480px){.industry-list b{gap:0}}
