/* Emerald's cut-corner signature, drawn as a fine white line. */
.ed-arrow {
  --arrow-turn: 0deg;
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  flex: 0 0 24px;
  overflow: visible;
  vertical-align: middle;
  color: #fff;
  background: #285743;
  clip-path: polygon(0 0, 78% 0, 100% 22%, 100% 100%, 0 100%);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: square;
  stroke-linejoin: miter;
  transition: background-color .2s ease;
}
.ed-arrow path { transform: rotate(var(--arrow-turn)); transform-origin: 12px 12px; }
.ed-arrow--forward { --arrow-turn: 45deg; }
.ed-arrow--back { --arrow-turn: 225deg; }
.ed-arrow--down { --arrow-turn: 135deg; }
.button:not(.light) .ed-arrow, .mobile-appointment .ed-arrow { background: transparent; }
.topline .ed-arrow { width: 20px; height: 20px; min-width: 20px; flex-basis: 20px; margin-left: 8px; }
.mobile-appointment > span:last-child { display: inline-flex; align-items: center; gap: 12px; }
.research-links a, .music-sources a, .service-footer a { gap: 10px; }
.research-links .ed-arrow, .music-sources .ed-arrow { width: 20px; height: 20px; min-width: 20px; flex-basis: 20px; }
.slideshow-controls #slide-prev, .slideshow-controls #slide-next,
.compact-controls #previous, .compact-controls #next { display: inline-flex; align-items: center; justify-content: center; }
#fullscreen { display: inline-flex; align-items: center; justify-content: flex-end; gap: 9px; }
#fullscreen[aria-pressed=true] .ed-arrow { --arrow-turn: 180deg; }
@media (hover: hover) {
  a:hover .ed-arrow, button:hover .ed-arrow { background-color: #356c54; }
  .button:not(.light):hover .ed-arrow, .mobile-appointment:hover .ed-arrow { background: transparent; }
}
@media (max-width: 650px) {
  #fullscreen { gap: 6px; max-width: 82px; }
  #fullscreen .ed-arrow { width: 20px; height: 20px; min-width: 20px; flex-basis: 20px; }
  .compact-controls #previous { display: none; }
}
@media (prefers-reduced-motion: reduce) { .ed-arrow { transition: none; } }
@media (forced-colors: active) { .ed-arrow { background: Canvas; color: LinkText; clip-path: none; } }