/* Quiet image badges and compact share rails. Opening never occupies page flow. */
.wfg-share { position: relative; min-width: 0; max-width: 100%; width: fit-content; margin: .25rem 0 .75rem; font: 400 .875rem/1.4 var(--font-ui); color: var(--ink-2); }
.wfg-share > summary { display: flex; align-items: center; justify-content: center; gap: .4rem; width: fit-content; max-width: 100%; min-height: 44px; box-sizing: border-box; padding: 0 .6rem; border: 1px solid var(--line-control); border-radius: var(--r-ctl); cursor: pointer; list-style: none; color: var(--ink-2); background: var(--bg-2); }
.wfg-share > summary::-webkit-details-marker { display: none; }
.wfg-share > summary svg { width: 1rem; height: 1rem; flex: 0 0 auto; }
.wfg-share > summary:hover, .wfg-share[open] > summary { color: var(--accent-text); background: var(--bg-3); }
.wfg-share > .wfg-share-panel { position: absolute; z-index: 45; inset: calc(100% + .5rem) 0 auto auto; width: max-content; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); box-sizing: border-box; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 4px; border: 1px solid var(--edge); background: var(--bg-2); box-shadow: var(--panel-frame); font: 400 .875rem/1.4 var(--font-ui); color: var(--ink-2); }
.wfg-share[data-share-enhanced] > .wfg-share-panel, .wfg-share > .wfg-share-panel[popover] { position: fixed; inset: auto; }
.wfg-share-panel[popover]:not(:popover-open) { display: none; }
.wfg-share[open] > .wfg-share-panel { animation: wfg-share-reveal 240ms cubic-bezier(.22,1,.36,1); }
.wfg-share[open] > .wfg-share-panel > .wfg-share-actions, .wfg-share[open] > .wfg-share-panel > .wfg-share-image-actions { animation: wfg-share-in 240ms cubic-bezier(.22,1,.36,1); }
.wfg-share-panel[data-share-direction="right"] { --share-travel: -18px; --share-clip: 0 100% 0 0; }
.wfg-share-actions, .wfg-share-image-actions { display: grid; grid-template-columns: repeat(var(--share-columns, 4), 44px); justify-content: start; gap: 0; }
.wfg-share-image-actions { border-top: 1px solid var(--line-control); }
.wfg-share .wfg-share-control { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; min-height: 44px; box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: var(--r-ctl); background: transparent; font: inherit; font-synthesis: none; color: var(--ink); text-decoration: none; cursor: pointer; transition: color 150ms, background-color 150ms; }
.wfg-share .wfg-share-control svg { width: 19px; height: 19px; }
.wfg-share .wfg-share-control:hover { color: var(--accent-text); background: var(--bg-3); }
.wfg-share .wfg-share-control[aria-disabled="true"] { color: var(--ink-3); cursor: wait; }
.wfg-share .wfg-share-control[hidden], .wfg-share-manual[hidden] { display: none; }
.wfg-share-status { width: 0; min-width: 100%; margin: .35rem 0 0; font: inherit; overflow-wrap: anywhere; }
.wfg-share-status:empty { margin: 0; }
.wfg-share-manual { display: grid; gap: .3rem; margin-top: .5rem; }
.wfg-share-manual input { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; padding: .5rem; border: 1px solid var(--line-control); border-radius: var(--r-ctl); background: var(--bg); color: var(--ink); font: inherit; }
[data-share-media] { position: relative; }
.wfg-share--image { width: 44px; max-width: 44px; }
.wfg-share--image[data-share-overlay], .wfg-share--image[data-share-enhanced] { position: absolute; z-index: 4; top: 4px; right: 4px; margin: 0; }
.wfg-share.wfg-share--image > summary { position: relative; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--ink); }
.wfg-share--image > summary::before { position: absolute; z-index: -1; inset: 6px; content: ""; border: 1px solid var(--edge-inner); border-radius: var(--r-ctl); background: var(--bg-2); }
.wfg-share--image > summary:hover::before, .wfg-share--image[open] > summary::before { background: var(--bg-3); }
.wfg-share--image:not([data-share-enhanced]) > .wfg-share-panel { position: fixed; inset: auto 8px 8px auto; }
.wfg-share-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1rem; min-width: 0; }
.wfg-share-meta > .wfg-page-meta, .wfg-share-meta > .article-meta { flex: 1 1 10rem; min-width: 0; margin: 0; }
.wfg-share--article { flex: 0 0 auto; margin: 0 0 0 auto; }
.wfg-share.wfg-share--article > summary { color: var(--classic-yellow); border-color: var(--line-control); }
.wfg-share-referrer { display: inline-flex; }
.wfg-share-referrer[hidden], .wfg-share--article[data-share-incoming] > summary > svg { display: none; }
@keyframes wfg-share-reveal { from { opacity: 0; clip-path: inset(var(--share-clip, 0 0 0 100%)); } to { opacity: 1; clip-path: inset(0); } }
@keyframes wfg-share-in { from { transform: translateX(var(--share-travel, 18px)); } to { transform: translateX(0); } }
[id^="wfg-image-"] { scroll-margin-top: 7rem; }
@media (prefers-reduced-motion: reduce) { .wfg-share .wfg-share-control { transition: none; } .wfg-share[open] > .wfg-share-panel, .wfg-share[open] > .wfg-share-panel > .wfg-share-actions, .wfg-share[open] > .wfg-share-panel > .wfg-share-image-actions { animation: none; } }