/* FanBound social buttons v1.0 (site v8.5). Colours come from the page: --soc-ink (icon), --soc-bg (pop-up), --soc-line. */
.fbsoc{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none}
.fbsoc-i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--soc-line,currentColor);color:var(--soc-ink,currentColor);background:transparent;padding:0;cursor:pointer;text-decoration:none;transition:background-color var(--t-ui,.26s) var(--ease-out,ease),color var(--t-ui,.26s) var(--ease-out,ease),transform var(--t-ui,.26s) var(--ease-spring,ease)}
.fbsoc-i svg{width:18px;height:18px;fill:currentColor}
.fbsoc-i:hover,.fbsoc-i[aria-expanded="true"]{background:var(--soc-hbg,var(--soc-ink,currentColor));border-color:var(--soc-hbg,var(--soc-ink,currentColor));color:var(--soc-on,#fff)}
.fbsoc-i:active{transform:scale(.94)}
.fbsoc-i:focus-visible{outline:2px solid var(--soc-ink,currentColor);outline-offset:2px}
.fbsoc-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(300px,calc(100vw - 32px));padding:14px 16px;border-radius:12px;background:var(--soc-bg,#fff);color:var(--soc-text,#17201B);box-shadow:0 18px 44px rgba(0,0,0,.28);font-size:14px;line-height:1.45;text-align:left;text-transform:none;letter-spacing:0;font-family:inherit}
.fbsoc-pop p{margin:0 0 8px;max-width:none}
.fbsoc-pop .fbsoc-fine{font-size:12.5px;opacity:.75}
.fbsoc-try{display:inline-block;margin-top:2px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.fbsoc{gap:4px}.fbsoc-i{width:32px;height:32px}.fbsoc-i svg{width:16px;height:16px}.fbsoc-pop{position:fixed;top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:16px;right:16px;width:auto}}
@media (prefers-reduced-motion:reduce){.fbsoc-i{transition:none}}