/* THE SHARE ROW (T7 round 38, partials/_share_row.html): quiet, in the page's own colours. Inside a study's sheet it
   takes the paper's ink and rules (.research-paper sets them); on an article and a shared result's page the site's.
   Since T7 round 39 each place shows by its own mark. */
.share-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin: 14px 0 20px;
    font-size: 13px;
    line-height: 1;
}
.share-row .share-k {
    color: var(--faint, var(--text-tertiary, #6B7688));
    font-size: 11.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-right: 4px;
}
.share-row .share-links { display: inline-flex; flex-wrap: wrap; gap: 2px 4px; }
/* each place by its own mark (T7 round 39): one size, the page's quiet tone, the network's own colour on hover or
   focus; the name a tooltip and a screen reader's (aria-label, title) */
.share-row .share-mark,
.share-row .share-native {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted, var(--text-secondary, #9BA8BC));
    font: inherit;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s ease;
}
.share-row .share-mark svg,
.share-row .share-native svg { display: block; width: 18px; height: 18px; flex: none; fill: currentColor; }
.share-row .share-mark svg.share-line-icon,
.share-row .share-native svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round;
    stroke-linejoin: round; }
.share-row .share-mark:focus-visible,
.share-row .share-native:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
/* X's own colour is its ink, which the page's ink stands for, light or dark */
.share-row .share-x:hover, .share-row .share-x:focus-visible,
.share-row .share-email:hover, .share-row .share-email:focus-visible,
.share-row .share-copy:hover, .share-row .share-copy:focus-visible,
.share-row .share-native:hover, .share-row .share-native:focus-visible { color: var(--ink, var(--text-primary, #E8ECF2)); }
.share-row .share-linkedin:hover, .share-row .share-linkedin:focus-visible { color: #0A66C2; }
.share-row .share-facebook:hover, .share-row .share-facebook:focus-visible { color: #0866FF; }
.share-row .share-reddit:hover, .share-row .share-reddit:focus-visible { color: #FF4500; }
/* Copy link: the link, then a check with "Copied" for a moment */
.share-row .share-copy .share-i-check,
.share-row .share-copy .share-copied { display: none; }
.share-row .share-copy.share-done .share-i-link { display: none; }
.share-row .share-copy.share-done .share-i-check { display: block; }
.share-row .share-copy.share-done .share-copied { display: inline; }
.share-row .share-copy.share-done { color: var(--ink, var(--text-primary, #E8ECF2)); }
/* the phone's own share icon on the one Share button: Apple's, else Android's */
.share-row .share-native .share-ios,
.share-row .share-native .share-android { display: none; }
.share-row.share-apple .share-native .share-ios,
.share-row.share-android .share-native .share-android { display: block; }
.share-row .share-native { border: 1px solid var(--rule, var(--border-primary, #2B3645)); border-radius: 999px;
    padding: 0 14px 0 12px; }
.share-row [hidden] { display: none !important; }
/* on an article the row keeps to the reading column, as the title and the text do (article-prose.css) */
.article-main > .article-container > .share-row {
    max-width: var(--prose-measure);
    margin-inline: auto;
}
.share-row.share-end {
    margin-top: 30px;
    padding-top: 16px;
    border-top: 1px solid var(--rule, var(--border-primary, #2B3645));
}
/* the social-card screenshot (?og=1) and print carry no row */
body.og-shot .share-row { display: none !important; }
@media print { .share-row { display: none !important; } }