/* Shared compact directional icons. Keep existing link colors and hover motion. */
svg.o2c-ui-arrow,
#o2c-announcements svg.o2c-ui-arrow {
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  flex: 0 0 18px;
  vertical-align: -.2em;
  overflow: visible;
  pointer-events: none;
}
#o2c-announcements .o2c-nav-arrow { display: inline-flex; align-items: center; opacity: .85; }
#o2c-announcements .o2c-nav-arrow svg.o2c-ui-arrow { width: 16px; height: 16px; min-width: 16px; flex-basis: 16px; }
#o2c-announcements .o2c-roundup-action > span:last-child { display: inline-flex; align-items: center; }
#o2c-announcements[data-page="detail"] .o2c-help-box a[target="_blank"]::after,
#o2c-announcements .o2c-reader-article .o2c-help-box a[target="_blank"]::after {
  width: 1em;
  height: 1em;
  vertical-align: -.15em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' transform='rotate(-45 12 12)' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' transform='rotate(-45 12 12)' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}