/* J Beard directional marks: precise SVG geometry, never emoji glyphs. */
.jb-arrow{--jb-angle:0deg;--jb-x:2px;--jb-y:-2px;display:inline-block;width:1.5rem;height:1.5rem;max-width:none;flex:0 0 1.5rem;vertical-align:-.25em;overflow:visible;color:inherit;pointer-events:none;transform:rotate(var(--jb-angle));transition:transform .22s ease}
/* Keep one solid arrow; omit the faint open-corner ornament. */
.jb-arrow path[opacity=".4"]{display:none}
.jb-arrow--right{--jb-angle:45deg;--jb-x:3px;--jb-y:0px}.jb-arrow--down{--jb-angle:135deg;--jb-x:0px;--jb-y:3px}.jb-arrow--up{--jb-angle:-45deg;--jb-x:0px;--jb-y:-3px}
@media(hover:hover) and (pointer:fine){a:hover .jb-arrow,button:hover .jb-arrow{transform:translate(var(--jb-x),var(--jb-y)) rotate(var(--jb-angle))}}
@media(prefers-reduced-motion:reduce){.jb-arrow{transition:none}a:hover .jb-arrow,button:hover .jb-arrow{transform:rotate(var(--jb-angle))}}