/* Editorial navigation icons v2
   Recognizable direction and external-destination conventions:
   - internal: →  - external: Google Scholar’s square-arrow SVG
   - back: ←  - top: ↑
   Symbols are decorative; descriptive link text is preserved.
*/
:root {
  --editorial-mark-ink: #61778a;
  --editorial-mark-ink-hover: #3f5a72;
}
.editorial-mark {
  position: relative;
  display: inline-block !important;
  box-sizing: border-box;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px;
  flex: 0 0 12px;
  margin-left: 3px;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
  color: var(--editorial-mark-ink);
  opacity: 0.70;
  vertical-align: -1px;
  transform: none !important;
  pointer-events: none;
  transition: opacity 160ms ease, color 160ms ease !important;
}
.editorial-mark::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  transform: none !important;
  opacity: 1 !important;
  -webkit-mask: var(--editorial-symbol) center / contain no-repeat;
  mask: var(--editorial-symbol) center / contain no-repeat;
}
.editorial-mark::after {
  content: none !important;
  display: none !important;
}
.editorial-mark--external { --editorial-symbol: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h7v7%22%2F%3E%3Cpath%20d%3D%22M13%203%206.5%209.5%22%2F%3E%3Cpath%20d%3D%22M11%208.5V13H3V5h4.5%22%2F%3E%3C%2Fsvg%3E"); }
.editorial-mark--forward { --editorial-symbol: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%208h11%22%2F%3E%3Cpath%20d%3D%22m9%204%204%204-4%204%22%2F%3E%3C%2Fsvg%3E"); }
.editorial-mark--back { --editorial-symbol: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%208H3%22%2F%3E%3Cpath%20d%3D%22m7%204-4%204%204%204%22%2F%3E%3C%2Fsvg%3E"); }
.editorial-mark--up { --editorial-symbol: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2014V3%22%2F%3E%3Cpath%20d%3D%22m4%207%204-4%204%204%22%2F%3E%3C%2Fsvg%3E"); }

.editorial-mark--back {
  margin-left: 0;
  margin-right: 3px;
}
a:is(:hover, :focus-visible) .editorial-mark,
.footer-top:is(:hover, :focus-visible) .editorial-mark {
  color: var(--editorial-mark-ink-hover);
  opacity: .98;
  transform: none !important;
}

/* DOI is a small metadata link, not an underlined call to action.
   Neutralize both the anchor and label in every interactive state. */
a.pub-doi,
a.pub-doi:is(:hover, :focus, :focus-visible, :active),
a.pub-doi .pub-doi-label,
a.pub-doi:is(:hover, :focus, :focus-visible, :active) .pub-doi-label {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
/* Preserve a visible keyboard focus indication independent of underlines. */
a.pub-doi:focus-visible { outline: 1.5px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .editorial-mark { transition: none !important; }
}
