.main-content .div-main-content .section .col-medium.article__container .article__link,
.article__link {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.main-content .div-main-content .section .col-medium.article__container .article__link:focus-visible,
.article__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* OLFOR-E148: preserve a visible keyboard focus indicator on interactive chart bubbles. */
.bubble-desktop-chart g[role="button"]:focus-visible,
.bubble-mobile-chart g[role="button"]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* OLFOR-E155 correction: reveal the Share article label on keyboard focus
   without opening the share options list. This mirrors the existing hover
   appearance while keeping the popup state unchanged until activation. */
header .header__nav .header-actions__button-wrapper--share:focus-within {
    max-width: 280px;
}

header .header__nav .header-actions__button-wrapper--share:focus-within>button {
    justify-content: flex-start;
    padding: 0 20px;
    gap: 8px;
    background-color: #ffffff !important;
    color: #3d3c37 !important;
}

header .header__nav .header-actions__button-wrapper--share:focus-within>button span {
    opacity: 1;
    max-width: 200px;
    color: #3d3c37;
}

header .header__nav .header-actions__button-wrapper--share:focus-within>button svg path {
    fill: #3d3c37;
}

/* OLFOR-E155 ranking-page correction:
   ranking-add-on.css fixes the Share wrapper at width: 48px. Match the
   ranking page's existing hover width on keyboard focus without opening
   the share list or changing aria-expanded. */
header .col-large.col-large-index .header__nav .header-actions__button-wrapper--share:focus-within {
    width: 155px;
    max-width: 155px;
}