/* Shared tactile controls. Independent translate leaves existing icon transforms intact. */
/* Controls use elevation, including button links inside article content. */
:is(.site-frame, .tv-visitor-dialog) :is(button, [role="button"], input[type="submit"], input[type="button"], summary, .neo-button, .search-toggle, .mode-control, .collection-more, .article-clips a, .pill-nav a, .live-results a, .article-badges a, .wp-block-button__link),
:is(.site-frame, .tv-visitor-dialog) :is(button, [role="button"], input[type="submit"], input[type="button"], summary, .neo-button, .search-toggle, .mode-control, .collection-more, .article-clips a, .pill-nav a, .live-results a, .article-badges a, .wp-block-button__link):is(:hover, :focus-visible, :active) { text-decoration: none; }
:is(.site-frame, .tv-visitor-dialog) .neo-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; min-height: 44px; padding: 10px 18px; border: 2px solid var(--neo-edge); border-radius: 0; background: var(--paper); color: var(--ink); box-shadow: -3px 3px 0 var(--neo-shadow); font: inherit; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; cursor: pointer; }
:is(.site-frame, .tv-visitor-dialog) .neo-button[hidden] { display: none; }
:is(.site-frame, .tv-visitor-dialog) .neo-button:is(:hover, :focus-visible) { background: var(--surface); color: var(--ink); text-decoration: none; }
:is(.site-frame, .tv-visitor-dialog) .neo-button:focus-visible { outline: 3px solid var(--neo-edge); outline-offset: 5px; }
:is(.site-frame, .tv-visitor-dialog) button:disabled { cursor: wait; }
.article-share-fallback { margin-top: 16px; }
.article-share-fallback label { display: block; margin-bottom: 8px; }
.article-share-fallback input { width: 100%; padding: 12px; border: 2px solid var(--neo-edge); border-radius: 0; background: var(--paper); color: var(--ink); }
.article-share-notice { position: fixed; z-index: 150; inset: auto 16px 24px; width: fit-content; max-width: calc(100% - 32px); margin: 0 auto; padding: 14px 20px; border: 2px solid #100c07; background: #b9e7f5; color: #100c07; box-shadow: -4px 4px 0 #100c07; font-size: 16px; font-weight: 700; pointer-events: none; }
.article-share-notice:empty { padding: 0; border: 0; box-shadow: none; }
@media (prefers-reduced-motion: no-preference) {
  :is(.site-frame, .tv-visitor-dialog) :is(button, [role="button"], input[type="submit"], input[type="button"], summary, .neo-button, .search-toggle, .mode-control, .collection-more, .article-clips a, .pill-nav a, .live-results a, .article-badges a, .wp-block-button__link, .content-card, .featured-card, .leh-card) { transition: translate 140ms ease, box-shadow 140ms ease, background-color 140ms ease; }
  :is(.site-frame, .tv-visitor-dialog) :is(button, [role="button"], input[type="submit"], input[type="button"], summary, .neo-button, .search-toggle, .mode-control, .collection-more, .article-clips a, .pill-nav a, .live-results a, .article-badges a, .wp-block-button__link):not(:disabled):not([aria-disabled="true"]):focus-visible,
  :is(.site-frame, .tv-visitor-dialog) :is(.content-card, .featured-card, .leh-card):focus-within { translate: 0 -3px; }
  @media (hover: hover) and (pointer: fine) {
    :is(.site-frame, .tv-visitor-dialog) :is(button, [role="button"], input[type="submit"], input[type="button"], summary, .neo-button, .search-toggle, .mode-control, .collection-more, .article-clips a, .pill-nav a, .live-results a, .article-badges a, .wp-block-button__link):not(:disabled):not([aria-disabled="true"]):hover,
    :is(.site-frame, .tv-visitor-dialog) :is(.content-card, .featured-card, .leh-card):hover { translate: 0 -3px; }
  }
  :is(.site-frame, .tv-visitor-dialog) :is(button, [role="button"], input[type="submit"], input[type="button"], summary, .neo-button, .search-toggle, .mode-control, .collection-more, .article-clips a, .pill-nav a, .live-results a, .article-badges a, .wp-block-button__link):active { translate: 0 0; }
}

/* The reference uses a compact byline button, independent of the larger return controls. */
:is(.site-frame, .tv-visitor-dialog) .article-share { min-height: 32px; height: 32px; padding: 0 12px; gap: 8px; font-size: 12px; line-height: 16px; }
.article-share svg, .article-byline .card-duration svg { width: 16px; height: 16px; flex: 0 0 16px; }
@media (pointer: coarse) { :is(.site-frame, .tv-visitor-dialog) .article-share { min-height: 44px; height: 44px; } }