/* Decorative navigation marks share one shape and inherit the link colour. */
span.link-icon {
    display: inline-block;
    inline-size: 1em;
    block-size: 1em;
    min-inline-size: 1em;
    flex: 0 0 1em;
    /* Centre flex/grid icons too; vertical-align only affects inline text. */
    align-self: center;
    vertical-align: -0.14em;
    background-color: currentColor;
    -webkit-mask: url("link-chevron.svg") center / contain no-repeat;
    mask: url("link-chevron.svg") center / contain no-repeat;
    pointer-events: none;
}

span.link-icon-previous { transform: rotate(180deg); }
span.link-icon-external {
    -webkit-mask-image: url("link-external.svg");
    mask-image: url("link-external.svg");
}

@media (forced-colors: active) {
    span.link-icon { forced-color-adjust: none; }
}