.visualTweaksDoiMeta {
    margin-top: 0.5rem;
    line-height: 1.4;
}

.galleys_links + .visualTweaksDoiMeta {
    margin-top: 0.45rem;
}

.visualTweaksDoiLink {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    max-width: 100%;
    font-size: 0.92em;
    font-weight: 500;
    text-decoration: none;
}

.visualTweaksDoiLink:hover .visualTweaksDoiText,
.visualTweaksDoiLink:focus .visualTweaksDoiText {
    text-decoration: underline;
    text-underline-offset: 0.14em;
}

.visualTweaksDoiLink:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 4px;
}

.visualTweaksDoiIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
}

.visualTweaksDoiIcon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.visualTweaksDoiText {
    display: inline-block;
    max-width: 32em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
}

@media (max-width: 640px) {
    .visualTweaksDoiText {
        max-width: 19em;
    }
}