/* Step151: final link color, compact mobile sharing grid, semantic tile icons. */
.clean-article-content a:not(.social-embed__button):not(.article-embed-open-link) {
    color: #e94f3d !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-radius: 5px;
    transition: color .16s ease, background-color .16s ease;
}

.clean-article-content a:not(.social-embed__button):not(.article-embed-open-link):hover,
.clean-article-content a:not(.social-embed__button):not(.article-embed-open-link):focus-visible {
    color: #c93d2e !important;
    background: #fff0ed !important;
    outline: none;
}

.article-share-panel.share-icon-strip,
.article-share-panel.clean-share-row.share-icon-strip {
    display: grid !important;
    grid-template-columns: repeat(9, 44px) !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 9px !important;
}

.article-share-panel.share-icon-strip .share-panel-title {
    grid-column: 1 / -1 !important;
}

.article-share-panel.share-icon-strip .ss-btn {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 8px !important;
    justify-self: center !important;
}

.ok-menu-icon svg {
    display: block;
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ok-menu-icon svg circle[r="1.4"] {
    fill: currentColor;
    stroke: none;
}

@media (max-width: 430px) {
    .article-share-panel.share-icon-strip,
    .article-share-panel.clean-share-row.share-icon-strip {
        grid-template-columns: repeat(5, minmax(44px, 52px)) !important;
        gap: 8px !important;
    }
}